jQueryでテーブルの行数を取得する方法

テーブルの行数、つまり
タグの行数を取得するには「children()」と「length」を使えばできます。

<table id="tbl">
  <tbody>
    <tr>
      <td>1-1</td><td>1-2</td>
    </tr>
    <tr>
      <td>2-1</td><td>2-2</td> 
    </tr>
  </tbody>
</table>
var len = $("#tbl tbody").children().length;  // lenに行数が入っています。

また、各行に対する処理は、「children」と「each」を使えばできます。

$.each($("#tbl tbody").children(), function() {
  alert($(this).html());  // <tr>の中身を表示する。
});

※なお、HTMLで「tbody」を省略した場合でも、レンダリングの際に自動的に補完されるため、「$("#tbl tbody")」としなければchildrenが「tbody」を指してしましました。環境依存かも知れませんが、念のため「tbody」も指定しておくのがいいと思われます。

この記事が役に立った場合、シェアしていただけると励みになります!!