有没有办法使用DOM(使用jQuery)查找匹配某个样式的所有元素?

时间:2012-10-29 08:10:51

标签: javascript jquery html

  

可能重复:
  How do you select elements based on their style?
  jquery select all br with display:none;

<body>
  <ul>
    <li style="display:none">i am not visible</li>
    <li>i am visible</li>
    <li>i am visibile</li>
  </ul>
  <div style="display:none">i am not visible</li>
</body>

我想选择显示为none的所有元素。例如在上面的代码中,我想选择li和div,其中html是'我不可见'。有没有办法用jQuery做到这一点最好还是别的?

2 个答案:

答案 0 :(得分:4)

您可以使用

$(document.body).find(':not(:visible)')

或更好:

$('li,div').not(':visible')

请注意选择器中不要太宽:你会得到许多不想要的元素。

Demonstration(打开控制台)


请注意,通常最好使用类:

CSS:

.notVisible {display:none;}

HTML:

 <li class=notVisible>i am not visible</li>

JQuery:

$('.notVisible')

答案 1 :(得分:0)

$('*').css('display') == 'none'

你可以在if条件中使用它,然后是你的要求

希望这会有所帮助:D