<table> contar linhas em javascript

10 respostas
S

Alguem sabe como conto quantas linhas tem em uma

usando o javascript?

10 Respostas

S

onclick=“abreRelatorio();” precisava passar por parâmetro de um botão em abreRelatorio já passa a quantidade de linhas selecionada.

M

jQuery(“table tbody tr”).length

S

ficaria assim então

onclick=“abreRelatorio(jQuery(“table tbody tr”).length);”

?

M

isso mesmo!

cuidado com essa instrução, pois se tiver duas tables na mesma tela ele vai somar as linhas. se acontecer vc precisa passar o id da tabela, tipo:

jQuery("#tabela tbody tr").length

<table id=“tabela”>
<tbody>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</tbody>
</table>

[]'s

D
<script>
function contaLinhasTabela(){
var tabela = document.getElementById('idDaTabela');
var linhas = tabela.getElementsByTagName('tr');
alert('A tabela idDaTabela possui ' + linhas.length + ' linhas');
}
</script>

E você ainda pode tornar o método dinâmico, passando o id da tabela como argumento e substituindo o texto fixo em getElementById pela variável que representa o id informado.
Vantagem, você não precisa incorporar a lib do jQuery ao teu projeto, apenas para isto.

S

assim n compila

onclick="abreRelatorio(jQuery("table tbody tr").length);"
S

ta falando q tem um " a mais parece ¬¬

M

usa aspas simples

onclick=“abreRelatorio(jQuery(‘table tbody tr’).length);”

D

Se usasse o que eu indiquei…

<html>
<head>
<script>
function contaLinhasTabela(id){  
var tabela = document.getElementById(id);  
var linhas = tabela.getElementsByTagName('tr');  
alert('A tabela ' + id +' possui ' + linhas.length + ' linhas');  
}  
</script>
<body>
<table id="tabela">
<tr><th>Cabecalho</th></tr>
<tr><td>Valor</td></tr>
<tr><td>Valor</td></tr>
<tr><td>Valor</td></tr>
<tr><td>Valor</td></tr>
<tr><td>Valor</td></tr>
<tr><td>Valor</td></tr>
<tr><td>Valor</td></tr>
<tr><td>Valor</td></tr>
<tr><td>Valor</td></tr>
<tr><td>Valor</td></tr>
</table>
<input type="button" onclick="contaLinhasTabela('tabela');" value="Contar Linhas"/>
</body>
</html>

Teste aí.

S

vlw deu certo te amo!

Criado 4 de maio de 2012
Ultima resposta 5 de mai. de 2012
Respostas 10
Participantes 3