jQuery: compter le nombre de lignes dans une table

Comment compter le nombre d'éléments tr dans une table à l'aide de jQuery?

Je sais qu'il y a une question similaire , mais je veux juste le nombre total de lignes.

Utilisez un sélecteur qui sélectionnera toutes les lignes et prendra la longueur.

var rowCount = $('#myTable tr').length;

Remarque: cette approche compte également tous les très de chaque table imbriquée!

Si vous utilisez <tbody>ou <tfoot>dans votre tableau, vous devrez utiliser la syntaxe suivante ou vous obtiendrez une valeur incorrecte:

var rowCount = $('#myTable >tbody >tr').length;

Alternativement ...

var rowCount = $('table#myTable tr:last').index() + 1;

jsFiddle DEMO

Cela garantira que toutes les lignes de table imbriquées ne sont pas également comptées.

Eh bien, j'obtiens les lignes attr de la table et j'obtiens la longueur de cette collection:

$("#myTable").attr('rows').length;

Je pense que jQuery fonctionne moins.

Voici mon point de vue:

//Helper function that gets a count of all the rows <TR> in a table body <TBODY>
$.fn.rowCount = function() {
    return $('tr', $(this).find('tbody')).length;
};

USAGE:

var rowCount = $('#productTypesTable').rowCount();

J'ai obtenu ce qui suit:

jQuery('#tableId').find('tr').index();

essayez celui-ci s'il y a tbody

Sans en-tête

$("#myTable > tbody").children.length

S'il y a un en-tête alors

$("#myTable > tbody").children.length -1

Prendre plaisir!!!

J'avais besoin d'un moyen de le faire dans un retour AJAX, j'ai donc écrit cette pièce:

<p id="num_results">Number of results: <span></span></p>

<div id="results"></div>

<script type="text/javascript">
$(function(){
    ajax();
})

//Function that makes Ajax call out to receive search results
var ajax = function() {
    //Setup Ajax
    $.ajax({
        url: '/path/to/url', //URL to load
        type: 'GET', //Type of Ajax call
        dataType: 'html', //Type of data to be expected on return
        success: function(data) { //Function that manipulates the returned AJAX'ed data
            $('#results').html(data); //Load the data into a HTML holder
            var $el = $('#results'); //jQuery Object that is holding the results
            setTimeout(function(){ //Custom callback function to count the number of results
                callBack($el);
            });
        }
    });
}

//Custom Callback function to return the number of results
var callBack = function(el) {
    var length = $('tr', $(el)).not('tr:first').length; //Count all TR DOM elements, except the first row (which contains the header information)
    $('#num_results span').text(length); //Write the counted results to the DOM
}
</script>

Évidemment, ceci est un exemple rapide, mais il peut être utile.

J'ai trouvé que cela fonctionnait très bien si vous voulez compter les lignes sans compter le th et les lignes des tables à l'intérieur des tables:

var rowCount = $("#tableData > tbody").children().length;

row_count =  $('#my_table').find('tr').length;
column_count =  $('#my_table').find('td').length / row_count;

var trLength = jQuery('#tablebodyID >tr').length;