javascript - javascript获取带有样式的元素

Question

我想获得具有样式显示的img类：无。

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

是否可以扫描所有样式属性“display”并找到哪一个是 display:none;？

Answer 1

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

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

否则，对于一般情况，您可以使用属性等于选择器：

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

最后，您可以filter根据任意标准选择所有潜在元素，然后将它们降至您想要的元素：

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

Answer 2

试试看

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