javascript - 从特定的 li 中获取复选框值

Question

我有以下 html 结构。我可以选择 <li>但无法获取复选框值 - 它是 undefined

<ul>
    <li class="selected" style="false">
        <label class="">
            <input type="checkbox" data-name="selectItem" value="2447"> 
            <span>England</span>
        </label>
    </li>
</ul>

$('ul li.selected').each(function () {
    console.log('li.selected');
    var val = $(this).closest('label').find('[type=checkbox]').val();
    console.log(val);                                        
});

Answer 1

closest() 向上移动 DOM，您应该使用 find() 因为您想要向下移动。另请注意，您可以在一次调用 find() 中实现所需的功能。试试这个:

$('ul li.selected').each(function () {
    var val = $(this).find('label :checkbox').val();
    console.log(val);                                        
});