选择具有特定背景颜色的元素

  • Z时代
  • 2024-01-10
  • 分类：问答

我想span在div其CSS包含特定背景色的情况下选择一堆。我该如何实现？

回答：

如果我正确理解问题，则选择器[attribute=value] 因为其中<span>不包含“ background-

color”属性。您可以快速进行测试以确认它不匹配任何内容：

$('#someDiv span[background-color]').size(); // returns 0

给出：

.one, .two {
  background-color: black;
}
.three {
  background-color: red;
}

这里有一个片段， ：

$('div#someDiv span').filter(function() {
    var match = 'rgb(0, 0, 0)'; // match background-color: black
    /*
        true = keep this element in our wrapped set
        false = remove this element from our wrapped set
                                                         */
    return ( $(this).css('background-color') == match );
}).css('background-color', 'green'); // change background color of all black spans
.one, .two {
  background-color: black;
}
.three {
  background-color: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<div id="someDiv">
    <span class="one">test one</span>
    <span class="two">test two</span>
    <span class="three">test three</span>
</div>

以上是 选择具有特定背景颜色的元素 的全部内容， 来源链接： utcz.com/qa/402689.html

回到顶部