本文是介绍如何给网站内容内的所有图片添加上超链接的方法。
要想给所有图片添加上超链接,那就需要借助jquery了。下面是具体代码:
<script type="text/javascript"> $(document).ready(function() { //为所有图片添加超链接 $("#lbContent img").each(function() { var strA = "<a href='" + this.src + "'></a>"; $(this).wrapAll(strA); }); }); </script>
上面的代码利用each遍历每张图片。
需要注意的:我们使用的是wrapAll,而不能用wrap,因为wrap里只能指定一个元素如:a,p,div等,而不能使用上面的strA变量中的内容。
wrapAll()在指定的 HTML内容或元素中放置所有被选的元素。
wrap()方法把每个被选元素放置在指定的HTML内容或元素中。
关于wrapAll()和wrap()的区别以后会专门开一篇来做讲解。
声明:如需转载,请注明来源于www.webym.net并保留原文链接:http://www.webym.net/jiaocheng/293.html