jQueryを使用して、要素が「display：none」であるか、クリック時にブロックするかどうかを確認します

非表示になっている要素を確認して並べ替えたい。属性displayと値を持つすべての要素を見つけることは可能noneですか？

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

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

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

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

}

要素は、ドキュメント内のスペースを消費する場合、可視と見なされます。表示されている要素の幅または高さがゼロより大きい、 リファレンス

is（）を次のように使用することもできます:visible

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

}

表示の値を確認したい場合は、css（）を使用できます

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

}

ディスプレイを使用している場合は、次の値を使用displayできます。

表示：なし

表示：インライン

表示ブロック

表示：リスト項目

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

可能なdisplay値の完全なリストはこちらで確認してください。

JavaScriptで表示プロパティを確認するには

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

$("element").filter(function() { return $(this).css("display") == "none" });

はい、cssfunctionを使用できます。以下はすべてのdivを検索しますが、必要に応じて要素を変更できます

$('div').each(function(){

    if ( $(this).css('display') == 'none')
    {
       //do something
    }
});

この条件を使用します。

if (jQuery(".profile-page-cont").css('display') == 'block'){
    // Condition 
}

jQueryには、可視性をチェックする2つのメソッドがあります。

$("#selector").is(":visible")

そして

$("#selector").is(":hidden")

セレクターの可視性に基づいてコマンドを実行することもできます。

$("#selector:visible").hide()

または

$("#selector:hidden").show()

$('#selector').is(':visible');