javascript - Is there any plug-in related to text highlighting in the input box? Can you recommend it?

迷茫 2017-05-19 10:16:27

732

To create a keyword search function

迷茫

業(yè)精于勤，荒于嬉;行成于思，毀于隨。

reply all(1)

漂亮男人2017-05-19 10:18:27 1 floor

If it’s just a very ordinary highlight. . . You can do this:

.hl {
    background-color: yellow; 
}

<p class="search-result">搜索結(jié)果： SegmentFault ( www.sf.gg ) 是中國領先的開發(fā)者社區(qū)。
我們希望為中文開發(fā)者提供一個純粹、高質(zhì)的技術交流平臺，
與開發(fā)者一起學習、交流與成長，創(chuàng)造屬于開發(fā)者的時代！</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');