Como obtenho o número da linha e da coluna da célula da tabela clicada usando jQuery, ou seja,
$("td").onClick(function(event){
var row = ...
var col = ...
});
Você pode usar a função Núcleo / índice em um determinado contexto, por exemplo, pode verificar o índice do TD no TR pai para obter o número da coluna e pode verificar o índice TR na Tabela para obter o número da linha:
$('td').click(function(){
var col = $(this).parent().children().index($(this));
var row = $(this).parent().parent().children().index($(this).parent());
alert('Row: ' + row + ', Column: ' + col);
});
Veja um exemplo em execução aqui .
ROWSPAN's
Falhou com jsbin.com/eyeyu/1099/edit#preview Clique na célula com o texto "12" . Índice de coluna deve ser 4var row = $(this).closest('tr').index()
fonte
Obtenha COLUMN INDEX ao clicar:
Obtenha ROW INDEX ao clicar:
fonte
Em cima da minha cabeça, uma maneira seria pegar todos os elementos anteriores e contá-los.
fonte
Você pode gerar esses dados nas células enquanto cria a tabela?
para que sua tabela fique assim:
então seria uma questão simples
fonte
é melhor vincular um manipulador de cliques à tabela inteira e, em seguida, usar event.target para obter o TD clicado. Isso é tudo o que posso adicionar a isso como 1:20.
fonte