现在的位置: 网页制作教程网站制作教程 >正文
jquery相关教程

jquery为图片添加超链接的方法

发表于2016/12/3 网站制作教程 0条评论 ⁄ 热度 2,748℃

本文是介绍如何给网站内容内的所有图片添加上超链接的方法。

超链接

要想给所有图片添加上超链接,那就需要借助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()的区别以后会专门开一篇来做讲解。

  • 暂无评论