您当前位置: 首页 >  WEB技术 >  利用JQuery为显示的内容中所有图片添加超链接(已通过)
2014/6/12 13:46:03 分类:WEB技术

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

 因为需要在所有的内容图片中加入 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()把所有匹配的元素用指定的内容或元素包裹起来。

本文由胡金金个人网站整理发布,转载请注明地址:http://www.hujinjin.com/info/575.html

凡标明来源于胡金金个人网站的文章,皆为本站整理发布,若转载此文必须附原文链接,对部分平台更改其文内容当自己原创者,胡金金个人网站将保留其追究权利!
个人资讯推荐
友情链接