jquery children().lengthメソッドを使ってtableにある行数をカウントする

jquery children().lengthメソッドを使ってtableにある行数をカウントする

jqueryでchildren().lengthメソッドを使うと「子要素の数」を取得することができます。ここでは、children().lengthメソッドを実際に使用して、テーブルにある行の数をカウントするサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

※windows10にApacheのインストールはこちら

children().length使い方

ボタンをクリックして、「table」タグの「tr」タグ以下にある子要素の「th」タグの数をカウントして、行数をカウントします。

実行結果を見ると、行数が正しくカウントされていることが確認できます。