JQuery：如果div可見

Question

我使用JS作爲改變我創建的SPA內容的一種方式。當我按下一個按鈕來改變內容從這個HTML變化：

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

這樣：

<div id="selectDiv" style> 

現在我的SPA的部分有一個包含若干個複選框的DIV，每個代表div，所以當我按下提交按鈕時，應該顯示的下一個div將成爲複選框列表中的第一個被選中的項目。

我想知道是否有一種方法在JQuery中的代碼「幾乎檢測」哪些div現在可見。像這樣：

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

有什麼建議嗎？

Answer 1

您可以使用.is(':visible')

選擇是可見的所有元素。

例如：

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

此外，您還可以得到DIV其由是可見：

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

活生生的例子：

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>