jquery：tr中的td的序数

Question

我在html表中有一行只包含图像。 （这恰好也是第一行）。这些图像也用于点击事件。在尝试处理click事件时，我可以找到它的父元素（即<td>元素）。但我想知道表格行中的相对序号（<tr＆gt;）。

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);
});

Demo available on jsfiddle