长度或其中一个div中的复选框数

Question

例如我有以下内容：

<div class="both">
    <textarea data-id="1" name="t1">Value 1</textarea>
    <input type="checkbox" value="checkbox1" checked="checked" name="c1">
    <input type="checkbox" value="checkbox1-2"  name="c1">
    <input type="checkbox" value="checkbox1-3"  name="c1">
</div>
<div class="both">
    <textarea data-id="2" name="t2">Value 2</textarea>
    <input type="checkbox" value="checkbox2-1"  name="c2">
    <input type="checkbox" value="checkbox2" checked="checked" name="c2">
    <input type="checkbox" value="checkbox2-3" name="c2">
</div>
<div class="both">
    <textarea data-id="3" name="t3">Value 3</textarea>
    <input type="checkbox" value="checkbox3-1"  name="c3">
    <input type="checkbox" value="checkbox3-2" name="c3">
    <input type="checkbox" value="checkbox3-3" checked="checked" name="c3">
</div>

我想找出两者的第一个div元素中的复选框数。

愚蠢的问题，但我是新人..

由于

Answer 1

$('div.both:first input:checkbox').length

更多信息：http://api.jquery.com/category/selectors/

Answer 2

$('div.both:first input[type="checkbox"]').length

Answer 3

$('div.both:first input[type="checkbox"]').length

正如jQuery Doc在这里所说http://api.jquery.com/checkbox-selector/

input[type="checkbox"]优于:checkbox

  

因为：checkbox是jQuery扩展而不是CSS的一部分   规范，查询使用：复选框无法利用   本机DOM querySelectorAll（）提供的性能提升   方法。要在现代浏览器中获得更好的性能，请使   [type =“checkbox”]代替。