突然想如何在显示的内容中为所有图片添加超链接呢,今天尝试下如下:
<script type="text/javascript"> $(document).ready(function() { //为所有图片添加超链接 $("#lbContent img").each(function() { var strA = "<a href='" + this.src + "'></a>"; $(this).wrapAll(strA); }); }); </script>用wrapAll,而不能用wrap,因为wrap里只能指定一个元素如:a,p,div等,而不能使用上面的strA变量中的内容
<script type="text/javascript"> $(document).ready(function() { //为所有图片添加超链接 $("#lbContent img").each(function() { var strA = "<a href='" + this.src + "'></a>"; $(this).wrapAll(strA); }); }); </script>用wrapAll,而不能用wrap,因为wrap里只能指定一个元素如:a,p,div等,而不能使用上面的strA变量中的内容
补充:
wrap()把匹配的元素用指定的内容或元素包裹起来。
wrapAll()把所有匹配的元素用指定的内容或元素包裹起来。