我有一些 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();
但是这是不对的...
最佳答案
closest()
找到第一个与选择器匹配的父级,所以它只是:
$(this).closest('.child').index()
parents()
将查找与选择器匹配的所有父项。
要获取所有 .child
元素中的索引,请传递一个集合:
$(this).closest('.child').index('.child');
关于jquery - 试图找到最接近的类(class)的家长,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16067121/