如何在jQuery中获取特定div中的类的所有复选框?

时间:2012-06-24 05:00:46

标签: jquery-selectors

<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);

我可以'一站式'查询吗?

2 个答案:

答案 0 :(得分:4)

拉​​狄克, 在您的选择器中,您不应该在.kon和:复选框之间留出空格。这会尝试找到一个类kon和里面的一个复选框。由于您的复选框类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);

答案 1 :(得分:1)

您似乎正在寻找#table div。

中所有复选框的计数
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

参考 LIVE DEMO