日期:2014-05-17  浏览次数:20611 次

js提取字符串中的图片地址并在图片上加上链接
<p>
<img alt="" src="/userfiles/images/u=2486227231,3384881016&amp;fm=25&amp;gp=0.jpg" style="width: 230px; height: 345px;" /><img alt="" src="/userfiles/images/u=2659520130,1995574460&amp;fm=25&amp;gp=0.jpg" style="width: 230px; height: 243px;" /></p>

用js提取img的src地址后在它上边加上链接a, a的href为img的src,哪位高人指点一下。
想要的结果如下:
<p>
<a href='/userfiles/images/u=2486227231,3384881016&amp;fm=25&amp;gp=0.jpg'><img alt="" src="/userfiles/images/u=2486227231,3384881016&amp;fm=25&amp;gp=0.jpg" style="width: 230px; height: 345px;" /></a><a href='/userfiles/images/u=2659520130,1995574460&amp;fm=25&amp;gp=0.jpg'><img alt="" src="/userfiles/images/u=2659520130,1995574460&amp;fm=25&amp;gp=0.jpg" style="width: 230px; height: 243px;" /></a></p>

------解决方案--------------------
var str = '<p><img alt="" src="/userfiles/images/u=2486227231,3384881016&amp;fm=25&amp;gp=0.jpg" style="width: 230px; height: 345px;" /><img alt="" src="/userfiles/images/u=2659520130,1995574460&amp;fm=25&amp;gp=0.jpg" style="width: 230px; height: 243px;" /></p>';

            str = str.replace(/(<img[^>]*?src=['""]([^'""]*?)['""][^>]*?>)/g, '<a href="$2">$1</a>');

            alert(str);