基于正则表达式实现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
希望本文所述对大家正则表达式学习有所帮助。