Question

如何检查具有相同class但不同id的X个元素是否具有相同的特定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!');  
}
});

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

2 个答案: