js或者jq判断一段文字中是否包含某个文字,有就高亮显示

如何判断一段文字中是否有自己想要的那几个字，如果有就把那几个字变成红色（在html中）
比如有body中有这么一串文字“企业会员介绍”，想要判断里面是否有“会员”这两个字，如果有就把这两个字变成橙色.

代码如下所示：

//俩中写法

<div class="ab-searchList">
    <ul>
        <li>
            <div class="title">
                企业会员介绍
            </div>
            <div class="info">
                申请条件：用于企业采购；可提供相关企业资质信息并完成企业注册认证：,,,,企业会员八大权益：,1）开具增票：采购价格公开透明，正品保障，
                提供发票。 ,2）企业会员日：每月26日，企业会员专享活动，
                申请条件：用于企业采购；可提供相关企业资质信息并申请条件：用并完成提供相关企业资质企业注册认证企业会员八大权…
            </div>
        </li>
        <li>
            <div class="title">
                企业会员介绍
            </div>
            <div class="info">
                申请条件：用于企业采购；可提供相关企业资质信息并完成企业注册认证：,,,,企业会员八大权益：,1）开具增票：采购价格公开透明，正品保障，
                提供发票。 ,2）企业会员日：每月26日，企业会员专享活动，
                申请条件：用于企业采购；可提供相关企业资质信息并申请条件：用并完成提供相关企业资质企业注册认证企业会员八大权…
            </div>
        </li>
      </ul>
</div>

//jquery写法

<script type="text/javascript">
$('.ab-searchList li').html(function (i, oldHTML) {
    return oldHTML.replace(/会员/g, '<font class="color-f50">会员</font>');
})
</script>

//js写法

<script type="text/javascript">
document.body.innerHTML = document.body.innerHTML.replace(/会员/ig,"<span class='color-f50'>$&</span>");
</script>

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/633

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！