jquery - 使用 href = img src 将 <a> 标签包裹在 <img/> 周围？

Question

尝试将标签包裹在图像周围，addClass 并输入 img 的 src 作为标签的 href:

 $(document).ready(function() {
$(".new img").each(function() {
    var src = $(this).attr('src').addClass('image');
    var a = $('<a/>').attr('href', src);
    $(this).wrap(a);
});
});

我的 HTML:

<img class="new" src="pic0.png" title="Image_Title"/>

似乎无法让它工作。任何建议都会有帮助!

Answer 1

有两件事。首先，你的选择器向后——它应该是img.new。其次，attr返回一个字符串，而不是jQuery，所以你不能链接它。执行以下操作，它应该可以工作:

$(document).ready(function() {
    $("img.new").each(function() {
        var $this = $(this);
        var src = $this.attr('src');
        $this.addClass('image');
        var a = $('<a/>').attr('href', src);
        $this.wrap(a);
    });
});