Индекс элементов, JQuery или Javascript

Question

У меня есть таблица, которая содержит 3 столбца. Мне нужно связать событие, которое срабатывает при каждом щелчке по одному из этих столбцов с помощью jQuery.

Однако мне нужно знать индекс нажатой колонки.

Т.е.: первый столбец (индекс 0), второй столбец (индекс 1), третий столбец (индекс 2) и т. Д. ...

Как я могу это сделать?

var firstRow:

var firstRow = $("tr:first > th", "table[id*=Grid]");

Взгляните:

firstrow.click(function(e){
//var id = e.target.index;
var id = $(e).parent().children().index(this);//returns -1
})

Answer 1

Вы можете сделать это, используя .index() (на основе 0), например:

$("td").click(function() {
  var i = $(this).parent().children().index(this);
  alert(i);
});

Answer 2

Лучше использовать нативные javascripts .rowIndex вместо jQuerys .index. У jQuery могут возникнуть проблемы при обнаружении элементов заголовка таблицы (TH).

Answer 3

Мне всегда нравилось использовать .prevAll()

$('table').click(function(e) {
  var $targ = $(e.target);
  if ($targ.is('th')) {
    var position = $targ.prevAll().length;
    alert(position);
  }
});

Предварительный просмотр на jsbin