JQuery:页面文本匹配检索关键字 并加红字高亮显示

使用JQuery实现页面中包含特定关键字的文本高亮显示。通过获取CSS类为.right_a_a1的元素,遍历其内容,利用正则表达式对关键字进行查找和替换,将找到的关键字替换为红色高亮的<span>标签。
摘要由CSDN通过智能技术生成

/**页面上有一行标签定义内容如下  a中显示的文字可以自己定义**/

<div class="right_a_a1"><a href="#">...互联网行业...</a></div>

 

<script language="javascript">  

//取得所有CSS样式为 ".right_a_a1" 的对象,并对默认自定义的方法进行遍历操作          

$(".right_a_a1").each(function(){
    

     //取得标签的文本

     var t = $(this).text();
    

     //取得需要查出的关键字,我们这里假定是多关键字以","间隔

     var array = ("<%=key%>").split(",");

    

     //开始用关键字遍历标签文本
     for(var i=0;i<array.length;i++){
        

         //判断标签是否包含关键字

         if(t.indexOf(array[i])>-1){

            

             //定义正则表达式对象  array[i]是关键字   "g"是指全局范围
             var a = new RegExp(array[i],"g")

            

             //对标签文本进

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值