Question

我有一个无序列表，每个列表项中包含多个元素。我需要引用由索引找到的li元素之一下的复选框：

<ul class="multiselect-container dropdown-menu" style="max-height: 600px; overflow: hidden auto;">
    <li>
        <label class="checkbox"><input type="checkbox" value="object:514">Item 1</label>
    </li>
    <li>
        <label class="checkbox"><input type="checkbox" value="object:515">Item 2</label>
    </li>
    <li>
        <label class="checkbox"><input type="checkbox" value="object:516">Item 3</label>
    </li>
    <li>
        <label class="checkbox"><input type="checkbox" value="object:517">Item 4</label></li>
    <li>
        <label class="checkbox"><input type="checkbox" value="object:525">Item 5</label>
    </li>
</ul>

我可以使用以下命令在索引3处获取li元素：

$('ul li').eq(3)

...但是如何引用索引3的li下的特定输入[type = checkbox]？

Answer 1

我认为您的HTML代码有些奇怪，如评论中所述。如果您想获得特定的输入，可以这样：

代码段

var checkboxValue = $('ul li').eq(3).find("input[type='checkbox']").val();
console.log(checkboxValue);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="multiselect-container dropdown-menu" style="max-height: 600px; overflow: hidden auto;">
<li>
    <a tabindex="0" href="javascript:void(0)">
    <label class="checkbox"><input type="checkbox" value="object:514">Item 1</label>
    </a>
</li>
<li>
    <a tabindex="0" href="javascript:void(0)">
    <label class="checkbox"><input type="checkbox" value="object:515">Item 2</label>
    </a>
</li>
<li>
    <a tabindex="0" href="javascript:void(0)">
    <label class="checkbox"><input type="checkbox" value="object:516">Item 3</label>
    </a>
</li>
<li>
    <a tabindex="0" href="javascript:void(0)">
    <label class="checkbox"><input type="checkbox" value="object:517">Item 4</label>
    </a>
</li>
<li>
    <a tabindex="0" href="javascript:void(0)">
    <label class="checkbox"><input type="checkbox" value="object:525">Item 5</label>
    </a>
 </li>
</ul>

我使用了find方法（此处为https://api.jquery.com/find/）。

引用由索引找到的元素中的元素

1 个答案: