Autor: Leonardo Ribeiro
Linhas acima |
Cabeçalho |
Cabeçalho |
Cabeçalho |
9 Rodapé |
1 |
Célula |
Célula |
Célula |
2 |
Célula |
Célula |
Célula |
3 |
Célula |
Célula |
Célula |
4 |
Célula |
Célula |
Célula |
5 |
Célula |
Célula |
Célula |
6 |
Célula |
Célula |
Célula |
7 |
Célula |
Célula |
Célula |
8 |
Célula |
Célula |
Célula |
Código:
$('tr').click(function(){
alert($('thead tr, tbody tr, tfoot tr')
.index(this))
});
Notas do Maujor
1 - O Leonardo valeu-se do fato que o método index()
para tabelas leva em conta thead, tbody e tfoot
para retornar o índice em tabelas.
Bem pensado!
2- Simplificação do script:
$('tr').click(function(){
alert( $('tr').index(this) );
});
Autor: Júlio César Bitencourt Silva
Linhas acima |
Cabeçalho |
Cabeçalho |
Cabeçalho |
9 Rodapé |
1 |
Célula |
Célula |
Célula |
2 |
Célula |
Célula |
Célula |
3 |
Célula |
Célula |
Célula |
4 |
Célula |
Célula |
Célula |
5 |
Célula |
Célula |
Célula |
6 |
Célula |
Célula |
Célula |
7 |
Célula |
Célula |
Célula |
8 |
Célula |
Célula |
Célula |
Código:
$("tr").click(function(){
var objtfoot = $("table tfoot");
$("table").remove("table tfoot");
$("table").append(objtfoot);
alert($("tr:lt(" + $("tr")
.index(this) + ")").size());
});
Nota:
O próprio Júlio César alerta que sua solução
altera o DOM
Autor: César Castro
Linhas acima |
Cabeçalho |
Cabeçalho |
Cabeçalho |
9 Rodapé |
1 |
Célula |
Célula |
Célula |
2 |
Célula |
Célula |
Célula |
3 |
Célula |
Célula |
Célula |
4 |
Célula |
Célula |
Célula |
5 |
Célula |
Célula |
Célula |
6 |
Célula |
Célula |
Célula |
7 |
Célula |
Célula |
Célula |
8 |
Célula |
Célula |
Célula |
Código:
var headLength = $('thead tr').length;
var bodyLength = $('tbody tr').length;
var footLength = $('tfoot tr').length;
$('thead tr').each(function(ind,dom){
$(this).click(function(){
window.alert(ind);
});
});
$('tbody tr').each(function(ind,dom){
$(this).click(function(){
window.alert(ind+headLength);
});
});
$('tfoot tr').each(function(ind,dom){
window.alert(headLength+bodyLength+ind);
});
});
Autor: Maujor
Linhas acima |
Cabeçalho |
Cabeçalho |
Cabeçalho |
9 Rodapé |
1 |
Célula |
Célula |
Célula |
2 |
Célula |
Célula |
Célula |
3 |
Célula |
Célula |
Célula |
4 |
Célula |
Célula |
Célula |
5 |
Célula |
Célula |
Célula |
6 |
Célula |
Célula |
Célula |
7 |
Célula |
Célula |
Célula |
8 |
Célula |
Célula |
Célula |
Código:
$('tr').click(function() {
$(this).each(function(i) {
alert($(this)[i].rowIndex);
});
})
Voltar para matéria