Таблица строк и число столбцов в JQuery

Question

Как получить строки и номер столбца щелкнули ячейки таблицы с помощью JQuery, то есть,

$("td").onClick(function(event){ 
    var row = ... 
    var col = ... 
}); 

Answer 1

Вы можете использовать функцию Core/index в данном контексте, например, вы можете проверить индекс TD в его родительском TR, чтобы получить номер столбца, и вы можете проверьте индекс TR на столе, чтобы получить номер строки:

$('td').click(function(){ 
    var col = $(this).parent().children().index($(this)); 
    var row = $(this).parent().parent().children().index($(this).parent()); 
    alert('Row: ' + row + ', Column: ' + col); 
}); 

проверить бегущий пример here.

Answer 2

Можно ли выход, что данные в ячейках, как вы создаете таблицу ?

так ваша таблица будет выглядеть следующим образом:

<table> 
    <thead>...</thead> 
    <tbody> 
    <tr><td data-row='1' data-column='1'>value</td> 
     <td data-row='1' data-column='2'>value</td> 
     <td data-row='1' data-column='3'>value</td></tr> 

    <tbody> 
</table> 

, то это было бы простым делом

$("td").click(function(event) { 
    var row = $(this).attr("data-row"); 
    var col = $(this).attr("data-col"); 
} 

Answer 3

лучше, чтобы связать обработчик щелчка на всю таблицу, а затем использовать event.target чтобы получить нажатый TD. Thats все, что я могу добавить к этому как его 1:20 am

Answer 4

В верхней части моей головы можно было бы захватить все предыдущие элементы и посчитать их.

$('td').click(function(){ 
    var colIndex = $(this).prevAll().length; 
    var rowIndex = $(this).parent('tr').prevAll().length; 
}); 

Answer 5

$('td').click(function() { 
    var myCol = $(this).index(); 
    var $tr = $(this).closest('tr'); 
    var myRow = $tr.index(); 
}); 

Answer 6

Получить COLUMN INDEX на клик:

$(this).closest("td").index(); 

Получить ROW INDEX по щелчку:

$(this).closest("tr").index();