Öğelerin dizini, jQuery veya Javascript

Question

3 sütun içeren bir tablom var. JQuery kullanılarak bu sütunlardan birine tıklandığında her defasında ateşleyen bir olayı bağlamalıyım. Bununla birlikte, tıklanan sütunun dizinini bilmem gerekiyor.

yani: Birinci sütun (indeks 0), İkinci sütun (dizin 1), Üçüncü sütun (dizin 2), vb ...

Bunu nasıl yapabilirim?

var firstRow:

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

bir göz atın:

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

Answer 1

bunu yapabilirsiniz .index() kullanarak bu gibi (o dayalı 0 var):

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

Answer 2

Olabilir Yerel javascript'lerijQuerys 012 yerine .rowIndex kullanmak için daha iyi bir fikir. jQuery, masa başı (TH) öğelerinin algılanmasında bazı sorunlara neden olabilir.

Answer 3

Hep

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

Preview on jsbin