检查是否有任何元素包含某些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> 

我想找出“丽”，其风格左边是0像素，然后希望更多的样式应用于李。

感谢

Answer 1

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

Answer 2

$('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/