jquery - jqueryでtr要素をカウントする方法は？

Question

<table>
   <tr>
     <td>data</td>
     <td>data</td>
   </tr>
   <tr class='product_details'>
     <td>product details</td>
     <td>product details</td>
   </tr>
   <tr class='product_details'>
     <td>product details</td>
     <td>product details</td>
   </tr>
</table>

クラスがproduct_detailsであるテーブル行をカウントしたい。jQueryでそれを行うにはどうすればよいですか？

Answer 1

lengthjQueryクラスセレクターのプロパティを使用できます

ライブデモ

len = $('.product_details').length //will find any element with class product_details

tr以外の要素を持つ同じクラスがある場合は

len = $('tr.product_details').length  //will find only tr with class product_details

テーブル内を検索するには、子孫セレクターを使用して、テーブルを使用します。

len = $('table tr.product_details').length

テーブルにidを割り当てるとよいでしょう。たとえば、idはtable1

len = $('#table1 tr.product_details').length

Answer 2

var n = $("table tr.product_details").length;
alert(n);

Answer 3

次を試してください

$('table tr.product_details').length

また

$('table tr.product_details').size()

Answer 4

$(".product_details").length 

product_detailsクラスを持つ要素の数を返します

Answer 5

var count = $('table tr.product_details').length;