[解決済み】クリック時に要素がdisplay:noneかblockかjQueryで確認する。

質問

非表示になっている要素をチェックし、ソートしたいのですが。すべての要素に display と値 none ?

解決方法は？

を使用することができます。 :可視 を可視要素に、そして :hidden を使用すると、非表示の要素を見つけることができます。この隠された要素には display 属性に設定されています。 none .

hiddenElements = $(':hidden');
visibleElements = $(':visible');

特定の要素をチェックする。

if($('#yourID:visible').length == 0)
{

}

要素が文書内でスペースを消費する場合、可視とみなされる。 可視的な要素は、0より大きい幅または高さを持ちます。 参考

を使用することもできます。 は() と共に :visible

if(!$('#yourID').is(':visible'))
{

}

ディスプレイの値を確認したい場合は、次のようにします。 css()

if($('#yourID').css('display') == 'none')
{

}

ディスプレイを使用する場合は、次の値を使用します。 display が持つことができます。

表示：なし

表示：インライン

表示：ブロック

表示：リストアイテム

表示：インラインブロック

可能な限りのリストを確認する display 値 こちら .

JavaScriptでdisplayプロパティを確認する場合

var isVisible = document.getElementById("yourID").style.display == "block";
var isHidden = document.getElementById("yourID").style.display == "none";