检查是否有任何元素包含某些css样式

Question

我想知道要检查包含任何css样式的元素的检查过程。

我的html代码如下：

<ul id="sample">
    <li style="left:-100px">text 1</li>
    <li style="left:0px">text 2</li>
    <li style="left:100px">text 3</li>
</ul>

我想找出剩下的样式是0px的“li”，然后想要再应用那个样式。

由于

Answer 1

$('ul#sample li').each(function(){
    if($(this).css('left') == '0'){
        $(this).css('background','red');
    }
});

示例： http://jsfiddle.net/jasongennaro/dnqf8/3/

您也可以使用普通JS。

var a = document.getElementsByTagName('li');

for(var i = 0; i < a.length; i++){
    if(a[i].style.left == '0px'){
        a[i].style.background = 'red';
    }
}

示例2： http://jsfiddle.net/jasongennaro/dnqf8/2/

Answer 2

$("#sample li").filter(function() {
  return $(this).css('left') == "0px";
}).css('color', 'blue');