Periksa, gunakan jQuery, jika elemennya adalah 'display: none' atau blokir saat klik

Saya ingin memeriksa dan mengurutkan elemen yang disembunyikan. Apakah mungkin menemukan semua elemen dengan atribut displaydan nilai none?

Anda dapat menggunakan : terlihat untuk elemen yang terlihat dan : disembunyikan untuk menemukan elemen yang tersembunyi. Elemen tersembunyi ini memiliki displayatribut yang disetel ke none.

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

Untuk memeriksa elemen tertentu.

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

}

Elemen dianggap terlihat jika mereka menggunakan ruang dalam dokumen. Elemen yang terlihat memiliki lebar atau tinggi yang lebih besar dari nol, Referensi

Anda juga dapat menggunakan is () dengan:visible

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

}

Jika Anda ingin memeriksa nilai tampilan maka Anda dapat menggunakan css ()

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

}

Jika Anda menggunakan tampilan, nilai-nilai berikut displaydapat dimiliki.

display: tidak ada

display: inline

tampilan: blok

display: daftar-item

display: inline-block

Periksa daftar lengkap displaynilai yang mungkin di sini .

Untuk memeriksa properti tampilan dengan 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" });

Ya, Anda bisa menggunakan fungsi css. Di bawah ini akan mencari semua div, tetapi Anda dapat memodifikasinya untuk elemen apa pun yang Anda butuhkan

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

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

Gunakan kondisi ini:

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

Ada dua metode dalam jQuery untuk memeriksa visibilitas:

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

dan

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

Anda juga dapat menjalankan perintah berdasarkan visibilitas di pemilih;

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

atau

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

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