javascript - 我如何检查 X 个具有相同类但不同 id 的元素是否有一个特定的 css 属性相同？

Question

我如何检查 X 个具有相同 class 但不同 id 的元素是否有一个相同的特定 CSS 属性？想象一下，有 20 个元素或类似的元素具有相同的类。就像这里

<div class="back" id="i1"></div>
<div class="back" id="i2"></div>
<div class="back" id="i3"></div>

<style>
   back{width:100px;height:100px;float:left;}
   #i1{background-image:url(img1.jpg);}
   #i2{background-image:url(img2.jpg);}
</style>

如果它们相同，我会添加一个类，但我认为这很容易。我所拥有的一个例子是 here

Answer 1

要测试 css 属性，您可以使用 .css()，例如:

if ($('#i1').css('background-image') == $('#i2').css('background-image')) {
    // do something
}

假设您想要检查所有“.back”div 是否具有相同的background-image(我希望这就是您想要实现的目标)。你可以选择这样的东西:

var same = 1;
var property = $(".back").first().css('background-image');
$(".back").each(function() {
    if ($(this).css('background-image') != property)
        same = 0;
});
if (same == 1) {  // all properties where the same 
    // do something
}