實現查詢到的結果關鍵字變紅

2021-08-28 03:39:28 字數 570 閱讀 9777

方法如下:

首先,講一下思路:

如果不設定這種效果,應該顯示的是乙個普通的字串;

而要設定紅色,唯一的方法是通過樣式,也就是css來設定,但是css必須是作用在乙個節點上的;

所以,我們首先應該將字串中要變紅的部分單獨出來成為乙個節點;

而拆分的方法就只能是通過正規表示式來匹配了:

name:)(.*)$`);

let names = reg.exec(newval);

this.setdata()

}},

我在接收到正常的引數後,利用正規表示式的分組將name分成了三個部分:name1,name2,name3;

其中,name2是要變紅的部分。

然後,只需在渲染的時候將三部分拼成一部分即可。

class='name'>

}class='key'>

}text>

}view>

設定name2的樣式:

.key

PHP實現查詢關鍵字描紅

php實現查詢關鍵字描紅 1 windows apache mysql php的環境。php html css.實現效果圖,如圖1所示。圖1 效果圖 建立乙個名為 test.txt 的txt文字檔案。在text.txt檔案中新增任意的內容。建立乙個名為 mh.php 的php檔案用來實現查詢關鍵字描...

Vue實現新增 刪除 關鍵字查詢

從今天開始,將不定期更新關於 vue 的學習以及各種方法的使用,好了,下面就開始吧 下面是乙個簡單的小例子,實現 列表的新增 刪除 關鍵字查詢 首頁 title script src lib vue.js script link rel stylesheet href css home.css li...

MyBatis實現查詢結果按照查詢引數的順序排序

查詢id為指定id的學生集合。查詢引數為list,即學生id的集合,list泛型為integer,比如list中的元素為151,208,4,118,109,正常的查詢,返回的list結果集,遍歷學生id放在另乙個list結果集中,也就是查詢結果學生id的集合為4,109,118,151,208。se...