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选择器：

＆＃13;

＆＃13;

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

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 3

此代码可让您获取所有输入的HTML

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