JavaScript獲取樣式的元素

Question

我想獲得具有樣式顯示的img類：無。

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

是否可以掃描所有樣式屬性「顯示」並找到哪一個顯示：無;？

Answer 1

如果你知道有一個給定的子集內只有一個display:none元素，你可以只使用:hidden選擇，找到隱藏的一個：

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

否則，一般情況下，你可以使用attribute-equals selector ：

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;