Indice di elementi, jQuery o Javascript

Question

Ho una tabella che contiene 3 colonne. Ho bisogno di associare un evento che si attiva ogni volta che una di quelle colonne viene cliccata usando jQuery.

Tuttavia, ho bisogno di sapere l'indice della colonna cliccato.

cioè: Prima colonna (indice 0), seconda colonna (indice 1), terza colonna (indice 2), e così via ...

Come posso fare questo?

var firstRow:

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

Date un'occhiata:

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

Answer 1

È possibile farlo usando .index() (è 0 based), in questo modo:

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

Answer 2

Potrebbe essere un'idea migliore per utilizzare javascript nativi .rowIndex anziché jQuerys .index. jQuery potrebbe avere qualche problema nel rilevare gli elementi della tabella (TH).

Answer 3

Mi è sempre piaciuto usando .prevAll()

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

Preview on jsbin