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