javascript - javascriptはスタイルで要素を取得します

Question

style display:none を持つ 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特定のサブセット内に要素が 1 つしかないことがわかっている場合は、: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

Answer 2

それを試してみてください

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