獲得每個表中有多於一個表的行數

Question

我在同一頁上有多個表，並且想要添加每個表的行顯示數如下。 我嘗試了一些東西，但它給出了所有表格行的總數。

<table> 
<tr> 
    <td>Some data</td> 
    <td>More data</td> 
</tr> 
<tr> 
    <td>Some data</td> 
    <td>More data</td> 
</tr> 
</table> 

<table> 
<tr> 
    <td>Some data</td> 
    <td>More data</td> 
</tr> 
<tr> 
    <td>Some data</td> 
    <td>More data</td> 
</tr> 
</table> 

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
$().ready(function(){ 

    //I want to add a line after each table showing each table row count 
    $("table").after(??? + " rows found."); 
}); 
</script> 

Answer 1

根據需要，無需.each()循環，只使用after()。

$("table").after(function(){ 
    return $('tr', this).length + " rows found.";  
}); 

The demo

Answer 2

$("table").each(function(){ 
    $(this).after($(this).find('tr').length + " rows found.");  
}) 

Working Fiddle

Answer 3

你可以得到的行數很容易像這樣：

// loop over all tables 
$("table").each(function(){ 
    // get number of rows, uses jQuery's context parameters to speed things up 
    // (it is apparently somewhat faster than using 'find' in most cases) 
    var nrOfRows = $("tr", this).length; 

    $(this).after(nrOfRows + " rows found"); 
}); 

Working DEMO

更新你可以做到這一點的，當然不太行，我把它分成m使用評論使其更清楚。你可以寫：

$("table").each(function(){ 
    $(this).after($("tr", this).length + " rows found"); 
}); 

Answer 4

這是怎麼回事？

$("table").each(function(){ 
    $(this).after($(this).find('tr').length + " rows found.") 
}); 

編輯

到最後表後得到兩個表總：

$('table:last').after($('tr').length + " rows found.") 

Answer 5

我建議：

​$('table tbody').each(
    function(){ 
     var tfoot = $('<tfoot />', {'class' : 'rowSummary'}).insertBefore($(this)), 
      tr = $('<tr />').appendTo(tfoot), 
      len = $(this).find('tr').length, 
      cell = $('<td />',{'colspan' : '2' }).text(len).appendTo(tr); 
    });​​​​​​​​​​​​​ 

JS Fiddle demo。