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()把所有匹配的元素用指定的内容或元素包裹起来。