选择祖先的问题

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