jquery - 使用 jQuery 从子图像 src 设置链接 href

Question

我正在使用 .wrap()在某个 <div> 内围绕每个图像创建链接，我需要设置该链接的 href等于该图像的 src值(value)。我想出了如何进行选择和替换，但我不知道如何提取 src值(value)。

这是html结构:

<div class="divclass">
    <img src="path1" />
    <img src="path2" />
    <img src="path3" />
</div>

期望的结果是

<div class="divclass">
    <a class="linkclass" href="path1">
        <img src="path1" />
    </a>
    <a class="linkclass" href="path2">
        <img src="path2" />
    </a>
    <a class="linkclass" href="path3">
        <img src="path3" />
    </a>
</div>

最简单的部分是围绕图像创建链接，我使用 .wrap()这样做。接下来我需要设置 href值，我可以使用 .attr为此，但我不知道如何提取 src 的值在同一通话中。这是我目前所拥有的:

$('.divclass img').wrap("<a class=\"linkclass\" href="" />");
$('a.linkclass').attr("href", $(this).find('img').attr('src')); 

但这行不通。我怀疑我正在使用 $(this)错误，但无法弄清楚如何/为什么。

如有任何帮助，我们将不胜感激!

Answer 1

试试这个并通读它。在这几行中有一些值得了解的东西。它很像 CephalidOne 的解决方案，但可能更容易理解一些。

$('div.divclass img').each(function(){
    var $this = $(this);
    $this.wrap('<a href="' + $this.attr('src') + '"></a>');
});

查看效果:http://jsfiddle.net/AAdWH/