jquery - 试图找到最接近的类(class)的家长

Question

我有一些 div，例如:

<div id="parent">
  <div class="child">
    <div class="gChild">
     <button></button> 
    </div>
    <div class="gChild">
     <button></button> 
    </div>
  </div>
  <div class="child">
    <div class="gChild">
     <button></button> 
    </div>
    <div class="gChild">
     <button></button> 
    </div>
  </div>
</div>

<div id="NextSet">
  <div class="child">
    <div class="gChild">
     <button></button> 
    </div>
    <div class="gChild">
     <button></button> 
    </div>
  </div>
</div>

现在我想从单击的按钮获取“子项”的索引。这适用于第一组“#parent”

$(this).parents('.child').index();

但不在第二个集合“#NextSet”中，因为#parent 中的所有 .child 元素也会添加到parents() 中。我尝试过:

$(this).closest('.child').parent().index();

但这不对......

Answer 1

closest() 找到第一个与选择器匹配的父级，所以它只是:

$(this).closest('.child').index()

parents() 将查找与选择器匹配的所有父项。

要获取所有 .child 元素中的索引，请传递一个集合:

$(this).closest('.child').index('.child');