jquery - 使用 .wrap() 函数

Question

我正在尝试以以下方式编辑我网站的一些图像的代码：例如，我有：

<div id="slideshowContainer473">
<img src="src_image1" alt="image1" title="image1" />
<img src="src_image2" alt="image2" title="image2" />
<img src="src_image3" alt="image3" title="image3" />
</div>

对于每个图像，我想要的是获得：

<a href="src_image1" rel="lightbox"><img src="src_image1" alt="image1" title="image1" /></a>

也就是说，通过 jquery，给 href 与 src 相同的值，我还需要添加 rel="lightbox" 因为我认为使用http://lokeshdhakar.com/projects/lightbox/

我想我可以得到它，使用 .wrap() 我认为 .each() 也是需要的，对吧？

Answer 1

尝试这个

$("div#slideshowContainer473 img").wrap(function(){
    return "<a href=\"" + this.src + "\" rel=\"lightbox\" />";
});

希望这会有所帮助！

Answer 2

尝试这个

$('img').wrap(function() {
    return $('<a>', {
        src: $(this).attr('src'),
        rel: 'lightbox'
    })
})​

检查小提琴