javascript获得风格元素

Question

我想获得有样式显示的img类:none.

 <img class="visible" src="xxxx" style="display:none"/>
    <img class="notvisible" src="xxxx"/>
<img class="notvisible" src="xxxx"/>

是否可以扫描所有样式属性"显示"并找到哪一个显示:none;？

Answer 1

如果您知道display:none给定子集中只有一个元素,则可以使用:hidden选择器查找隐藏的元素:

var className = $('img:hidden')[0].className;

否则,对于一般情况,您可以使用attribute-equals选择器:

var className = $('img[style="display:none"]')[0].className;

最后,您可以filter根据任意条件选择所有潜在元素并将其下移到您想要的元素:

var className = $('img').filter(function () { return this.style.display == 'none' })[0].className