CSS に特定の背景色が含まれている でspan
、多数の を選択したいと考えています。div
どうすればこれを達成できますか?
34739 次
3 に答える
45
質問を正しく理解していれば、属性「背景色」が含まれていないため、セレクター[attribute=value]
は機能しません。<span>
それをすばやくテストして、何にも一致しないことを確認できます。
$('#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>
于 2008-11-12T00:08:49.733 に答える
-7
属性セレクタ [attribute=value] を使用して、特定の属性値を探します。
#id_of_the_div span[background-color=rgb(255,255,255)]
于 2008-11-11T21:35:19.983 に答える