289

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

4

8 に答える 8

636

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

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

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

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

}

ドキュメント内のスペースを消費する場合、要素は可視と見なされます。可視要素の幅または高さが 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";
于 2013-04-10T11:37:23.363 に答える
30

はい、css 関数を使用できます。以下はすべてのdivを検索しますが、必要な要素に合わせて変更できます

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

    if ( $(this).css('display') == 'none')
    {
       //do something
    }
});
于 2013-04-10T11:43:44.313 に答える
17

jQuery には、可視性をチェックするための 2 つの方法があります。

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

と

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

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

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

また

$("#selector:hidden").show()
于 2013-04-10T11:51:59.410 に答える
13

次の条件を使用します。

if (jQuery(".profile-page-cont").css('display') == 'block'){
    // Condition 
}
于 2014-03-14T12:12:18.233 に答える