如何在div的集合中获得特定的背景div

Question

我有这样的DIV结构：

   <div id="wire" style="position: absolute">
    <div  style="position: absolute;background:white" ></div>
    <div  style="position: absolute;background:red" ></div>
    <div  style="position: absolute;background:white" ></div>
    <div  style="position: absolute;background:red" ></div>
    <div  style="position: absolute;background:white" ></div>
    </div>

我能够像这样在jquery中得到所有的孩子：

$("#wire > div")

如何仅使用白色背景获取所有div？

Answer 1

您可以使用：

$("#wire > div[style*='background:white']")

Answer 2

嗯......首先你需要删除内联样式。见why。所以你会有这样的事情：

CSS：

/*CSS*/
.absolute {position:absolute;}
.white {background: white;}
.red {background: red;}

HTML：

<!-- HTML -->
<div id="wire" class="absolute">
   <div class="white absolute"></div>
   <div  class="red absolute"></div>
   <div class="white absolute"></div>
   <div class="red absolute"></div>
   <div class="white absolute"></div>
</div>

然后只需这样做：

$('#wire>div.white')

Answer 3

您也可以使用：

$("#wire > div").filter(function() {
    var $this = $(this);
    return $this.css("position") == "absolute"
    && $this.css("background-color") == "rgb(255, 255, 255)";
});