javascript - 請問有沒有輸入框文字高亮相關的插件,推薦一下
迷茫
迷茫 2017-05-19 10:16:27
0
1
658

要做一個關鍵字搜尋功能

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回覆(1)
漂亮男人

如果只是那種很普通的高亮。 。 。 可以這樣做:

.hl {
    background-color: yellow; 
}
<p class="search-result">搜索结果: SegmentFault ( www.sf.gg ) 是中国领先的开发者社区。
我们希望为中文开发者提供一个纯粹、高质的技术交流平台,
与开发者一起学习、交流与成长,创造属于开发者的时代!</p>
function light($sel, keyword, hightLightClass){
    var text = $sel.html(); 
    var temp = text.split(keyword).join(`<span class="${hightLightClass}">${keyword}</span>`); 
    $sel.html(temp);
}

light($('.search-result'), '交流', 'hl'); 

試例

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板