关于eval(),之前的文章也有过介绍,请看:http://www.haorooms.com/post/js_jsons_h 关于js中json操作的时候提到过!
例如下面的一段html
<ul class="Hrooms-dashb-list">
<li class="Hrooms-warn">
<h3 class="Hrooms-title" title="unicorn">unicorn</h3>
<p class="Hrooms-infor"><span title="haorooms">haorooms</span><span title="行:haorooms">haorooms</span></p>
</li>
</ul>
需求:我要把上面span中的innerHTML “haorooms”,外层包裹一个em标签,并且em标签的class是highlight
js操作:
var searchText = "haorooms";
var html = $(".Hrooms-dashb-list").html();
alert("old"+html);
var newHtml = html.replace(eval("/>("+searchText+")</gi"),'><em class="highlight">$1</em><');
alert("new"+newHtml);
//注释"/>("+searchText+")</gi" “/”是正则里面的,">"是<span>中的“>”,gi是正则中的g是全部,i是部分大小写。$1是匹配括号中的内容
关于正则:
/i (忽略大小写)
/g (全文查找出现的所有匹配字符)
/m (多行查找)
/gi(全文查找、忽略大小写)
/ig(全文查找、忽略大小写)
方法一:用regExp对象处理
html还是上面的不变,js如下:
var regExp = new RegExp(">("+searchText+")<", 'gi');
alert("old"+html+searchText);
var newHtml = html.replace(regExp,'><em class="highlight">$1</em><');
alert("new"+newHtml);
大致有上面2中方法,大家可以复制下来,操作一下,试一试!
我们下面再来匹配一下浏览器参数,看看一个浏览器参数的例子:
var reg=new RegExp("(http://www.haorooms.com/BookReader/)(\\d+),(\\d+).aspx","gmi");
var url="http://www.haorooms.com/BookReader/1017141,20361055.aspx";
//方式一,最简单常用的方式
var rep=url.replace(reg,"$1ShowBook.aspx?bookId=$2&chapterId=$3");
alert(rep);
会弹出
http://www.haorooms.com/BookReader/ShowBook.aspx?bookId=1017141&chapterId=20361055
以上就是本文全部内容,谢谢!