jQuery：查找除特定父类的复选框以外的输入字段

Question

Trying this multiselect bootstrap plug in which shows options as check-box.

Problem is when I try to all the input fields, it goes all those checkboxes too. I want to avoid these option checkboxes.
That's how they look in 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>

Current code is

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

How can I filter only those checkboxes which has a parent <label class="checkbox"> ?

Answer 1

Is this what you want?

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

Answer 2

You can just make your selector:

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

That will include any <input> element that isn't inside a <label class="checkbox"> element and of type checkbox , as well as all <select> elements.

Your code would become:

$(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 ) {