我想在一个div中选择一堆,其CSS包含特定的背景颜色。我如何实现这一点?
解决方法
如果我正确理解问题,则选择器[attribute = value]将无法正常工作,因为< span>不包含属性“background-color”。你可以快速测试,以确认它不会匹配任何东西:
$('#someDiv span[background-color]').size(); // returns 0
给定:
// css .one,.two { background-color: black; } .three { background-color: red; } // html <div id="someDiv"> <span class="one">test one</span> <span class="two">test two</span> <span class="three">test three</span> </div>
这是一个可以使用的代码段:
$('div#someDiv span').filter(function() { var match = 'rgb(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