搜索

首页  >  问答  >  正文

javascript - 请问有没有输入框文字高亮相关的插件,推荐一下

要做一个关键字搜索功能

迷茫迷茫2772 天前659

全部回复(1)我来回复

  • 漂亮男人

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

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

    .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'); 

    试例

    回复
    0
  • 取消回复