jquery-selectors - 如何在jQuery中的特定div中获取所有带有类的复选框？

Question

<div id="table">
<input type="checkbox" class="db2applforce kon" value="15010" title="to be forced">

这些都不起作用。它总是返回 0 而不是正确的数字。

alert($("#table").find(".kon :checkbox").length);

alert($("#table").find(":checkbox").find(".kon").length);

我可以进行“一体式”查询吗？

Answer 1

Radek，在您的选择器中，.kon 和 :checkbox 之间不应有空格。这试图找到一个带有 kon 类的 div 并在其中找到一个复选框。由于您的复选框属于kon 类，请改为执行以下操作：

alert($("#table").find(".kon:checkbox").length);

这产生了正确的答案。此外，您应该始终关闭您的 div，即：

<div id="table">
<input type="checkbox" class="db2applforce kon" value="15010" title="to be forced">
</div>

为了完整和更清楚起见，如果您的 HTML 块看起来像这样：

<div id="table">
    <div class='kon'>
        <input type="checkbox" class="db2applforce" value="15010" title="to be forced">
    </div>
</div>

那么你上面的第一个选择器会起作用，如果交换你的第二个选择器会起作用：

alert($("#table").find(".kon").find(":checkbox").length);

Answer 2

看来您正在寻找#tablediv 中所有复选框的计数。

alert($('#table input:checkbox.kon').length);

HTML：

<div id="table">
    <input type="checkbox" class="db2applforce kon" value="15010" title="to be forced" checked />
    <input type="checkbox" class="db2applforce kon" value="15020" title="to be forced" />
    <input type="text" class="db2applforce kon" value="15020" title="to be forced" />    
</div>

结果：

2

参考现场演示