JQuery – Contar elementos

JQuery

A contagem de elementos com jQuery é bem simples. Você pode contar todos os elementos que utilizam uma determinada classe ou os elementos que utilizam uma determinada etiqueta HTML.

Se você caiu de para-quedas aqui e não sabe o que é jQuery dê uma olhada neste post de introdução.

Suponha que você tenha uma tabela contendo uma lista de dados que pode receber novos dados com acréscimo de tr ou a exclusão de dados, com a exclusão do tr. Você pode ter na tela um contador com o total de itens da tabela, logo bastaria contar o número de linhas desta tabela para obter a contagem, por exemplo:

var count = $('tr').length;

Pode ser que sua tabela tenha linhas aninhas com outras tabelas. Neste caso contar linhas não vai gerar o resultado que esperamos pois as linhas aninhadas serão consideradas. Uma forma de contornar seria aplicando uma classe somente para as linhas que deseja contar, por exemplo:

<tr class="tr-count">

var count = $('.tr-count').length;

Agora a cada inclusão ou exclusão de linha você poderia chamar uma função para atualizar seu contador, alterando o valor do HTML, por exemplo:

function updateCount()
{

    $('#myCount').html($('.tr-count').length)
}