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

Question

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

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

例如，函数事件处理程序将如何查看：

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

Answer 1

您可以使用 jQueryindex()函数来查找元素在一组元素中的位置。像这样的东西：

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

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

Answer 2

alert($(this).parent().find("img").index($(this)));

……应该这样做。它是从零开始的。