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
}

Answer 2

我真的看不出你在做什么，但你可以在这些线上做点什么。

var arr = [];
$.each($('.back'), function() {
  arr.push($(this).css('background-image'));
});

或者可能，

$.each($('.back'), function() {
    if ($(this).css('background-image') === 'lookingForThis.jpg') {
        alert('Found it!');  
}
});