突然想如何在显示的内容中为所有图片添加超链接呢,今天尝试下如下:
<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()把所有匹配的元素用指定的内容或元素包裹起来。
本文介绍了一种使用JavaScript和jQuery库为网页上所有图片自动添加超链接的方法。通过利用wrapAll方法,可以将特定的HTML结构包裹在每个图片元素周围,从而实现图片点击跳转到其源文件的功能。
1195

被折叠的 条评论
为什么被折叠?



