javascript - 选择祖先的问题

Question

在下面的 HTML 中，我如何从 thing 获取 checkall ？

..
<input type="checkbox" class="checkall"><label>Check all</label>
<ul>
    <li><input type="checkbox" class="thing"><label>Thing 1</label></li>
    <li><input type="checkbox" class="thing"><label>Thing 2</label></li>
</ul>
...

我尝试 $(".thing").closest( ".checkall"); 但它不起作用它将其返回为 undefined !
这是 Fiddle

更新:working code

Answer 1

您的选择器不正确。您需要使用:

$(this).closest('ul').siblings('.checkall')

<小时/>

使用 closest 可以让您到达最近的父级，而您尝试访问的 input.checkall 元素是 父级的同级元素li.thing 元素。

了解更多关于.closest()的信息, .parent()和 .siblings()