用jquery获取img属性

Question

我制作了此代码，以便主src的{​​{1}}等于另一个img img's将隐藏但隐藏所有img }}

jsfiddle

HTML

img

CSS

<div class="a" >
<img src="a">
</div>

<div class="thumb">
<img src="a">
</div>

<div class="thumb b">
<img src="b">
</div>

JQUERY

.a{width:400px;height:100px;background-color:black;}
.thumb{width:400px;height:100px;background-color:green;}
.b{background-color:yellow;}

Answer 1

您必须迭代并检查每个图像，并且只隐藏匹配的图像

var src = $(".a img").attr('src');

$(".thumb").each(function() {
    if ( $('img', this).attr('src') == src ) { 
        $(this).hide();
    }
});

Answer 2

这里的问题是您隐藏了所有thumb元素：

$(".thumb").hide();

您只需要符合条件的那些，您可以使用filter()：

$(".thumb").filter(function(){
    return $('img',this).attr('src') == src
}).hide()

Jsfiddle Demo