jQuery实现关键字变色

最新推荐文章于 2024-09-17 12:07:35 发布

不争气争口馒头

最新推荐文章于 2024-09-17 12:07:35 发布

阅读量3.1k

点赞数 1

分类专栏：前端文章标签： jquery

本文链接：https://blog.csdn.net/qq_29376717/article/details/78155000

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

//js代码

$（function）{

//关键字变色
    var searchText = $("#autoflag").val();//获取你输入的关键字；
    var regExp = new RegExp(searchText, "g");//创建正则表达式，g表示全局的，如果不用g，则查找到第一个就不会继续向下查找了；
    $(".p").each(function()//遍历p类里的文字；
    {
        var html = $(this).html();
        var newHtml = html.replace(regExp, "<span style='color:#c90a16' >"+searchText+"</span>");//将找到的关键字替换，加上highlight属性；

        $(this).html(newHtml);//更新文章；

    });

}