1 个回答

如果只是那种很普通的高亮。。。 可以这样做:

.hl {
    background-color: yellow; 
}
<div class="search-result">搜索结果: SegmentFault ( www.sf.gg ) 是中国领先的开发者社区。
我们希望为中文开发者提供一个纯粹、高质的技术交流平台,
与开发者一起学习、交流与成长,创造属于开发者的时代!</div>
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'); 

试例

clipboard.png

clipboard.png

clipboard.png

推荐问题