Question

我正在尝试更改符合条件的图像src。它正在为页面上的两个图像中的第一个正确更改src。任何人都可以解释为什么第二张图片没有改变？感谢。

HTML：

<div class="columns large-4 extraImageVer2">
    <img src="?Action=thumbnail&amp;Width=600&amp;algorithm=fill_proportional" />
</div>
<div class="columns large-4 extraImageVer2">
    <img src="?Action=thumbnail&amp;Width=600&amp;algorithm=fill_proportional" />
</div>

jQuery的：

$(".extraImageVer2 img").each(function() {
    var imgValue = $(".extraImageVer2").find("img").attr("src");
    if (imgValue === "?Action=thumbnail&Width=600&algorithm=fill_proportional") {
        $(this).attr('src', 'http://placehold.it/600x300');
    }
});

jsFiddle：http://jsfiddle.net/phorden/9wz4rnwf/

Answer 1

因为你的imgValue值不正确。 .find()搜索后代。您已经选择了图像，因此您需要：

var imgValue = $(this).attr("src");

而不是你现在拥有的：

var imgValue = $(".extraImageVer2").find("img").attr("src");

<强> jsFiddle example

Answer 2

jsFiddle Demo

$(".extraImageVer2 img").each(function() {
    var imgValue = $(this).attr("src");
    if (imgValue === "?Action=thumbnail&Width=600&algorithm=fill_proportional") {
        $(this).attr('src', 'http://placehold.it/600x300');
    }
});

改变Img src。只有一个图像更新

2 个答案: