从父锚点href更改img src

Question

我有150多个带有内部图片标签的链接。像这样：

<a href="LINK1"><img src="LINK2" width="60" height="45" border="0"></a>

现在我想要的是在页面加载时将src LINK2映像到LINK1。所以输出将是：

<a href="LINK1"><img src="LINK1" width="60" height="45" border="0"></a>

到目前为止我的jQuery代码：

$("img").attr("src",$("img").parent().attr("href"))

感谢。

Answer 1

对于attr src值，您可以添加功能，这将从href parent <a>返回each image，这样您就不会＃ 39;需要循环使用img collection 两次。

$("img").attr("src",function(){
    return $(this).parent('a').attr("href");
});

Answer 2

它的下行是正确的 - 你想使用.each() fn来做到这一点，但我会反过来攻击它：

$("a").each(function(){
    $(this).find('img').attr("src", $(this).attr("href") );
});