文章详情

利用JQuery为显示的内容中所有图片添加超链接(已通过)

2014/6/12 13:46:03    小编:胡金金个人网站

 因为需要在所有的内容图片中加入 lightbox效果,经过网上查询以下方法已经解决。不错不错,此案例是在显示的内容中为所有图片添加超链接呢,往下看代码:

[javascript] view plaincopy
 
  1.  <script type="text/javascript">  
  2.         $(document).ready(function() {  
  3.   
  4.            //为所有图片添加超链接  
  5.             $("#lbContent img").each(function() {  
  6.                 var strA = "<a href=\'" + this.src + "\'></a>";  
  7.                 $(this).wrapAll(strA);  
  8.             });  
  9.   
  10.         });  
  11. </script>  

用wrapAll,而不能用wrap,因为wrap里只能指定一个元素如:a,p,div等,而不能使用上面的strA变量中的内容

补充:
wrap()把匹配的元素用指定的内容或元素包裹起来。
wrapAll()把所有匹配的元素用指定的内容或元素包裹起来。

个人资讯推荐