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

Question

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

jQuery能判断出来吗？我在这个项目上大量使用了nth-child和nth-of-type CSS选择器。我怀疑使用this会有所帮助。

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

用户点击div的第5个子图像 - ＆gt;警报（5）。

Answer 1

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

$('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)));

......应该这样做。这是零基础。