jQuery: hitung jumlah baris dalam sebuah tabel

Bagaimana cara menghitung jumlah elemen tr dalam tabel menggunakan jQuery?

Saya tahu ada pertanyaan serupa , tapi saya hanya ingin baris total.

Gunakan pemilih yang akan memilih semua baris dan mengambil panjangnya.

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

Catatan: pendekatan ini juga menghitung semua tr dari setiap tabel bersarang!

Jika Anda menggunakan <tbody>atau <tfoot>di tabel Anda, Anda harus menggunakan sintaks berikut atau Anda akan mendapatkan nilai yang salah:

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

Kalau tidak...

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

jsFiddle DEMO

Ini akan memastikan bahwa setiap baris tabel bersarang tidak juga dihitung.

Yah, saya mendapatkan baris attr dari tabel dan mendapatkan panjang untuk koleksi itu:

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

Saya pikir jQuery bekerja lebih sedikit.

Inilah pendapat saya:

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

PEMAKAIAN:

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

Saya mendapat yang berikut:

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

coba yang ini jika ada

Tanpa Header

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

Jika ada tajuk maka

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

Nikmati!!!

Saya membutuhkan cara untuk melakukan ini dalam pengembalian AJAX, jadi saya menulis bagian ini:

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

Jelas ini adalah contoh cepat, tetapi mungkin bermanfaat.

Saya menemukan ini berfungsi dengan sangat baik jika Anda ingin menghitung baris tanpa menghitung th dan setiap baris dari tabel di dalam tabel:

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;