「jQuery」children().lengthでテーブルの行数を取得する方法

2014年2月20日2020年10月21日

構文
$(selector).children().length
htmlコード

 <table class="layoutTable">
  <tbody>
    <tr>
      <td>A001</td><td><div class="cha">222</div></td>
    </tr>
    <tr>
      <td>B001</td><td>B002</td> 
    </tr>
       <tr>
      <td>C003</td><td>C004</td> 
    </tr>
  </tbody>
</table>

jQueryコード

$(function(){
  $('.btn').click(function(){
    var trLen = $(".layoutTable tbody tr").children().length;    
      console.log(trLen);
  });
});