jquery：tr内td的序号

Question

我的 html 表中有一行仅包含图像。 （这也恰好是第一行）。这些图像也连接到点击事件。在尝试处理点击事件时，我可以找到它的父级（即 元素）。但我想知道它在表行中的相对序数 (>)。

Answer 1

您可以使用 index() 函数查找序数：

$('td img').click(function() {
   var ordinal = $(this).closest('tr').children().index($(this).parent());
   // ...
});

Answer 2

当前元素之前的元素数量将是其在 DOM 中相对于父元素的索引。您可以使用 .prevAll() 并获取结果集的长度:

$('td').click(function(){
  alert($(this).prevAll().length);
});

jsfiddle 上提供演示