javascript - HTML:子节点知道它是哪个子节点

Question

这个问题已经有答案了:

Get index of element as child relative to parent (6 个回答)

已关闭 9 年前。

子节点知道它是哪个子节点吗？

jQuery 可以确定这一点吗？我在这个项目中大量使用了 nth-child 和 nth-of-type CSS 选择器。我怀疑使用 this会有所帮助。

例如，函数事件处理程序将如何查找:

当用户点击 div 的第 5 个子图像时 ->alert(5)。

Answer 1

您可以使用 jQuery index() 函数来查找元素在一组元素中的位置。像这样的事情:

$('div img').click(function() {
    var idx = $(this).closest('div').find('img').index(this);
    alert(idx);
});

这与使用不带任何参数的 .index() 类似，但它更通用，因为它查看选定的集合，而不仅仅是直接兄弟 - 这可能不是图像.