jQuery ul liのすべての入力を選択

Question

特定のulの下ですべての入力チェックボックスをliで選択するにはどうすればよいですか？私が持っている

：

<ul id="something"> 
    <li> 
     <input type="checkbox"> 
    </li> 
    <li> 
     <input type="checkbox"> 
    </li> 
    ... 
</ul> 

おかげ

Answer 1

をあなたがここに$('ul li input[type=checkbox]')

を使用することができますが、実施例である、あなたはconsole.logのみ入力のA、B、Dが表示されますことがわかります（なぜならcのタイプはチェックボックスではありません）。

checkboxes = $('ul li input[type=checkbox]') 
 

 
checkboxes.each(function(e) { 
 
    console.log($(this).attr('name')); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul id="something"> 
 
    <li> 
 
     <input name="a" type="checkbox"> 
 
    </li> 
 
    <li> 
 
     <input name="b" type="checkbox"> 
 
    </li> 
 
    <li> 
 
     <input name="c" type="text"> 
 
    </li> 
 
    <li> 
 
     <input name="d" type="checkbox"> 
 
    </li> 
 
</ul>

Answer 2

このコードは、あなたがこのようなあなたのULのためのIDセレクタを使用することができるはずあなたは、すべての入力のHTML

jQuery(document).ready(function() 
    { 
     jQuery("ul#something li").each(function(index) { 
     var html = jQuery(this).find('input[type=checkbox]').html(); 
     console.log(html);   
     }); 
    }); 

Answer 3

を取得できるようになります。

var checkboxes = $("#something li input[type=checkbox]"); 
 

 
checkboxes.each(function(e) { 
 
    console.log($(this).attr('name')); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul id="something"> 
 
    <li> 
 
     <input name="a" type="checkbox"> 
 
    </li> 
 
    <li> 
 
     <input name="b" type="checkbox"> 
 
    </li> 
 
    <li> 
 
     <input name="c" type="text"> 
 
    </li> 
 
    <li> 
 
     <input name="d" type="checkbox"> 
 
    </li> 
 
</ul> 
 

 
<ul id="not-these"> 
 
     <li> 
 
     <input name="a-no" type="checkbox"> 
 
    </li> 
 
    <li> 
 
     <input name="b-no" type="checkbox"> 
 
    </li> 
 
    <li> 
 
     <input name="c-no" type="text"> 
 
    </li> 
 
    <li> 
 
     <input name="d-no" type="checkbox"> 
 
    </li> 
 
</ul>