Строка таблицы и номер столбца в jQuery
Вы можете использовать приведенный ниже код. Я проверил код и он работает нормально.
select EmployeeId from StackOverFlow_3 where Tasks_Count in(select min(Tasks_Count) from StackOverFlow_3)
4 ответа
Вы можете использовать функцию 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);
});
Проверьте работающий пример здесь .
Вдобавок ко мне, один из способов - собрать все предыдущие элементы и сосчитать их.
$('td').click(function(){
var colIndex = $(this).prevAll().length;
var rowIndex = $(this).parent('tr').prevAll().length;
});
Можете ли вы вывести эти данные в ячейки при создании таблицы?
, чтобы ваша таблица выглядела следующим образом:
<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");
}
его лучше привязать обработчик кликов ко всей таблице, а затем использовать event.target, чтобы получить клик TD. Вот и все, что я могу добавить к этому как 1:20 утра.