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'
    })
})

<强> Check Fiddle

使用.wrap（）函数

2 个答案: