JQuery: порядковый номер тд внутри tr

Question

У меня есть строка в html-таблице, которая содержит только изображения.(это тоже первый ряд).Эти изображения также предназначены для события клика.Пытаясь обработать событие click, я могу узнать его родителя (т.е. элемент <td>).Но я хочу знать его относительный порядковый номер в строке таблицы (<tr>).

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