jQuery:テーブルの行数を数えます



Jquery Count Number Rows Table



使い方 jQuery テーブル内のtr要素の数を数えますか?

私は1つあることを知っています 同様の問題 、しかし、私は行の総数だけが必要です。




#1階

私は次のようになります:

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

#2階

セレクターを使用すると、すべての行が選択され、長さが取得されます。



var row Count = $('#myTable tr').length

注:このメソッドは、ネストされた各テーブルのすべてのtrも計算します。


#3階

またはで使用する場合は、次の構文を使用する必要があります。そうしないと、誤った値が取得されます。

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

#4階

テーブル内のテーブルと行内の行をカウントせずに行数をカウントしたい場合は、これが非常にうまく機能することがわかりました。



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

#5階

さて、テーブルからattr行を取得し、コレクションの長さを取得します。

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

jQueryの作業は少ないと思います。


#6階

tbodyがある場合は、これを試してください

No title

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

タイトルがある場合は

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

お楽しみください! ! !


#7階

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


#8階

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

#9階

AJAXリターンでこれを行う方法が必要なので、次の記事を書きました。

Number of results:

$(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 }

明らかにこれは簡単な例ですが、役立つ場合があります。


#10階

また...

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

jsFiddle DEMO

これにより、ネストされたテーブル行がカウントされなくなります。


#11階

これは私の意見:

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

使用法:

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