jquery計數複選框在div顯示：塊，但不顯示：無

Question

我想使用jquery來計數div中的複選框的數量，但只有當div顯示設置爲阻止，而不是當它設置爲無。這根據按鈕按下而改變。

我到目前爲止已經試過這樣：

$("div:#divid:visible").find('input:checkbox').length 
$('input:checkbox:visible').length 
$("div:#divid").find('input:checkbox.visible').length 

什麼似乎總是發生時，如果包括「看得見」，那麼它總是計數0複選框，不管他們的父母DIV是display：none或塊，如果我不包含「可見」，它總是統計所有的複選框，再次忽略父div的顯示狀態。複選框本身沒有顯示屬性。

Answer 1

你在你的第一個有一個額外的:，你想：

$("div#divid:visible").find('input:checkbox').length 
// ^---- No : here 

雖然div在開首是沒有意義的（無害的，但毫無意義的），除非有id="divid"元素可能是一個div有時而不是其他時間，如果它不是div，您想跳過它。更有可能的是，剛：

$("#divid:visible").find('input:checkbox').length 

儘管實際上，你可以只用一個選擇這樣做，而不是調用find：

$("#divid:visible input:checkbox").length 

另外請注意，您需要確保相關div是在DOM並且有display設置，您需要檢查上面的代碼運行時間，因爲它將在時刻查看。

示例 - Live Copy | Source

HTML：

的JavaScript：

(function($) { 

    display('$("#div1:visible input:checkbox").length = ' + $("#div1:visible input:checkbox").length); 
    display('$("#div2:visible input:checkbox").length = ' + $("#div2:visible input:checkbox").length); 

    function display(msg) { 
    $("<p>").html("<code>" + msg + "</code>").appendTo(document.body); 
    } 
})(jQuery); 

結果：

$("#div1:visible input:checkbox").length = 5 

$("#div2:visible input:checkbox").length = 0

Answer 2

試試這個

$("#divid:visible").find('input[type=checkbox]').length;