Kiểm tra, sử dụng jQuery, nếu một phần tử là 'display: none' hoặc block on click

Tôi muốn kiểm tra và sắp xếp các yếu tố bị ẩn. Có thể tìm thấy tất cả các yếu tố với thuộc tính displayvà giá trị none?

Bạn có thể sử dụng : hiển thị cho các phần tử hiển thị và : ẩn để tìm ra các phần tử ẩn. Các yếu tố ẩn này có displaythuộc tính được đặt thành none.

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

Để kiểm tra yếu tố cụ thể.

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

}

Các yếu tố được coi là có thể nhìn thấy nếu chúng tiêu thụ không gian trong tài liệu. Các yếu tố hữu hình có chiều rộng hoặc chiều cao lớn hơn 0, Tham chiếu

Bạn cũng có thể sử dụng là () với:visible

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

}

Nếu bạn muốn kiểm tra giá trị của màn hình thì bạn có thể sử dụng css ()

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

}

Nếu bạn đang sử dụng hiển thị các giá trị sau đây displaycó thể có.

không trưng bày

Hiển thị nội dòng

hiển thị: khối

hiển thị: danh sách các mục

hiển thị: khối nội tuyến

Kiểm tra danh sách đầy đủ các displaygiá trị có thể ở đây .

Để kiểm tra thuộc tính hiển thị bằng 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" });

Có, bạn có thể sử dụng các chức năng. Dưới đây sẽ tìm kiếm tất cả các div, nhưng bạn có thể sửa đổi nó cho bất kỳ yếu tố nào bạn cần

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

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

Sử dụng điều kiện này:

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

Có hai phương thức trong jQuery để kiểm tra mức độ hiển thị:

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

và

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

Bạn cũng có thể thực thi các lệnh dựa trên khả năng hiển thị trong bộ chọn;

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

hoặc là

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

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