快捷搜索:   服务器  PHP  安全  IIS  linux 安全

jquery给不带超链接的图片添加超链接让图片可以点击新窗口打开

使用jquery给网页中不带超链接的图片添加超链接,让图片可以点击后在新窗口打开,非常简洁的一个方法,非弹出层的方式。


<div id="lbContent" class="" style="width:960px; margin:0 auto">

<h1>jQuery bigic Plugin Demo</h1>

<img class="test" src="photo/1.jpg" alt="">

<img class="test" src="photo/2.jpg" alt="">

<img class="test" src="photo/3.jpg" alt="">

</div>

<script src="js/jquery-1.11.0.min.js"></script>

<script type="text/javascript"> 

        $(document).ready(function() { 

  

           //为所有图片添加超链接 

            $("#lbContent img").each(function() { 

                var strA = "<a href='" + this.src + "'></a>"; 

                $(this).wrapAll(strA); 

            }); 

  

        }); 

</script>


注意红色的字体,这里需要制定ID,要把你图片所在的DIV 设置一个调用ID。
另外这里使用wrapAll,而不能用wrap,因为wrap里只能指定一个元素如:a,p,div等,而不能使用上面的strA变量中的内容。

补充:wrap()把匹配的元素用指定的内容或元素包裹起来。wrapAll()把所有匹配的元素用指定的内容或元素包裹起来。
顶(0)
踩(0)

您可能还会对下面的文章感兴趣:

最新评论