javascript - jQuery:查找除具有特定父类的复选框之外的输入字段

Question

尝试这个多选 Bootstrap 插件，其中将选项显示为复选框。

问题是当我尝试所有输入字段时，它也会出现所有这些复选框。我想避免使用这些选项复选框。
这就是它们在 HTML 中的外观

<li>
<a href="javascript:void(0);">
<label class="checkbox">
<input type="checkbox" value="2"> Options 2</label>
</a>
</li>
<li>
<a href="javascript:void(0);">
<label class="checkbox">
<input type="checkbox" value="3"> Options 3</label>
</a>
</li>

当前代码是

$(section).find('input:not(:checkbox), select').each(function(i, field) {

如何仅过滤那些具有父项 <label class="checkbox"> 的复选框？

Answer 1

您可以创建选择器:

input:not(label.checkbox :checkbox), select

这将包括任何 <input>不在 <label class="checkbox"> 内的元素元素和类型 checkbox ，以及所有 <select>元素。

您的代码将变为:

$(section).find('input:not(label.checkbox :checkbox), select').each(function(i, field) {