jquery - 在通过索引找到的元素中引用一个元素

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>

我使用了查找方法(此处:https://api.jquery.com/find/)。