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

Question

尝试这个将选项显示为复选框的多选引导插件。

问题是当我尝试所有输入字段时，它也会出现所有这些复选框。我想避免使用这些选项复选框。
这就是它们在 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

这是你想要的吗？

$(section).find('input:not(:checkbox), select').filter(function(){
    return !$(this).parent().children('.checkbox')[0];
}).each(function(i, field) {
   //your code here 
});

Answer 2

你可以只做你的选择器：

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

这将包括任何<input>不在<label class="checkbox">元素内且属于 type的元素checkbox，以及所有<select>元素。

您的代码将变为：

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

Answer 3

$( section ).find( '.checkbox' ).find( 'input:not( :checkbox ), select' ).each(

    function( i, field ) {