jQuery: Anzahl der Zeilen in einer Tabelle zählen

Wie zähle ich mit jQuery die Anzahl der tr-Elemente in einer Tabelle?

Ich weiß, dass es eine ähnliche Frage gibt , aber ich möchte nur die Gesamtzahl der Zeilen.

Verwenden Sie einen Selektor, der alle Zeilen auswählt und die Länge übernimmt.

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

Hinweis: Dieser Ansatz zählt auch alle trs jeder verschachtelten Tabelle!

Wenn Sie <tbody>oder <tfoot>in Ihrer Tabelle verwenden, müssen Sie die folgende Syntax verwenden, sonst erhalten Sie einen falschen Wert:

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

Alternative...

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

jsFiddle DEMO

Dadurch wird sichergestellt, dass verschachtelte Tabellenzeilen nicht ebenfalls gezählt werden.

Nun, ich bekomme die attr-Zeilen aus der Tabelle und bekomme die Länge für diese Sammlung:

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

Ich denke, dass jQuery weniger funktioniert.

Hier ist meine Meinung dazu:

//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;
};

VERWENDUNGSZWECK:

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

Ich habe folgendes bekommen:

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

Versuchen Sie dies, wenn es jemanden gibt

Ohne Header

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

Wenn es einen Header gibt, dann

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

Genießen!!!

Ich brauchte einen Weg, dies in einer AJAX-Rückkehr zu tun, also schrieb ich dieses Stück:

<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>

Dies ist natürlich ein kurzes Beispiel, aber es kann hilfreich sein.

Ich fand das sehr gut, wenn Sie Zeilen zählen möchten, ohne die th und alle Zeilen aus Tabellen innerhalb von Tabellen zu zählen:

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;