基于正则表达式实现UL下LI的样式替换功能
本文实例讲述了基于正则表达式实现UL下LI的样式替换功能。分享给大家供大家参考,具体如下:
最先我想到是在UL下填充好在替换发觉结果差强人意,没有真正改变样式:
$("#UlContentli").each(function(index){ //alert(index+':'+$(this).text()); vartext=$(this).text(); varregExp=newRegExp($("#search_content").val(),'g'); varnewText=text.replace(regExp,""+$("#search_content").val()+"");//将找到的关键字替换,加上highlight属性; $(this).text(newText);//更新文章; });
其实应该在填充进UL前进行替换:
$("#search_content").keyup(function(){ if(CheckChinese($("#search_content").val())) { $.ajax({ type:"POST", anync:true, url:"HelpCenterSuggestion.ashx", cache:false, dataType:"text", data:{m:$("#search_content").val()}, success:function(result){ $("#UlContentli").remove(); varregExp=newRegExp($("#search_content").val(),'g'); varnewText=result.replace(regExp,""+$("#search_content").val()+"");//将找到的关键字替换,加上highlight属性; $("#UlContent").append(newText); } });
PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:
JavaScript正则表达式在线测试工具:
http://tools.jb51.net/regex/javascript
正则表达式在线生成工具:
http://tools.jb51.net/regex/create_reg
希望本文所述对大家正则表达式学习有所帮助。