jquery - 我还是不明白 'closest()'...请澄清

Question

我正在努力使用 jQuery 的 closest() 选择器。

I've made a jsfiddle of what I think should work ...但显然不是。为什么不呢？

HTML

<div class="button">button</div>
<div class="return_window"></div>

以及极其复杂的 JS

$('.button').click(function(){

    $(this).closest('.return_window').html('hi');

});

我对这个虚幻的 .closest() 选择器有什么不明白的地方？那些 div 看起来很接近我。我读过文档，但我不知道它是什么。Resig 的文档或编写它的人对我来说似乎处于不同的维度。

非常感谢任何指点。

Answer 1

closest 用于爬上 DOM 树，而不是侧视同级元素。简单来说，它将查看父元素，以及该元素的父元素，依此类推，直到到达它要查找的内容(或 DOM 树的顶部)。

例如:

<div class="grandparent">
    <div class="parent">
        <div id="child"></div>
        <div class="grandparent"></div>
    </div>
</div>

以下 jQuery 将选择外部 div，而不是同级 div:

$(".child").closest(".grandparent");

closest 与 find 相反，它向下查看 DOM 树。要选择 sibling ，您可以使用 siblings方法。