JQuery: nếu div hiển thị

Question

Tôi đang sử dụng JS làm cách thay đổi nội dung của SPA mà tôi đang tạo. Khi tôi bấm một nút để thay đổi nội dung những thay đổi html từ này:

<div id="selectDiv" style="display: none;"> 

này:

<div id="selectDiv" style> 

Bây giờ một phần của SPA của tôi có một div có chứa một số hộp kiểm, mỗi đại diện cho một div, và vì vậy khi tôi nhấn nút gửi, div tiếp theo sẽ được hiển thị sẽ là mục đầu tiên trong danh sách hộp kiểm đã được chọn.

Tôi tự hỏi liệu có cách nào trong JQuery cho mã "hầu như phát hiện" mà div hiện có thể nhìn thấy hay không. một cái gì đó như thế này:

if($('#selectDiv').isVisible()){ 
    //JS code associated with this div. 
} 

Bất kỳ đề xuất nào?

Answer 1

Bạn có thể sử dụng .is(':visible')

Chọn tất cả các yếu tố mà có thể nhìn thấy.

Ví dụ:

if($('#selectDiv').is(':visible')){ 

Ngoài ra, bạn có thể nhận được các div đó là có thể nhìn thấy bằng cách:

$('div:visible').callYourFunction(); 

Sống dụ:

console.log($('#selectDiv').is(':visible')); 
 
console.log($('#visibleDiv').is(':visible'));

#selectDiv { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="selectDiv"></div> 
 
<div id="visibleDiv"></div>