jQuery（JavaScript）でテーブルの行と列の長さを取得する方法

JavaScript（jQuery）で、テーブル（table）の行と列の長さを取得するやり方は、nameやidなどを利用する方法も考えられますが、それを利用しない方法のメモです。

htmlファイルに１つのテーブル要素があるとした場合（一番下にコード例があります）、下のコードのようにテーブル要素をjQueryオブジェクトにしてそこから行と列の長さを取得できます。

var row = $('table')[0].rows;
var cell = row[0].cells;
console.log(row.length); //行に長さ
console.log(cell.length); //列の長さ

上の（var row = $(‘table’)[0].rows）の代わりに下のコードを使うことでも行を取得できます。

var table = document.getElementsByTagName('table');
var row = table[0].rows;

テーブルがHTMLファイルに１つだけと分かっている場合、jQeuryで以下のコードで行と列を取得できます。

var row = $('table tr').length;
var cell = $('table tr:first td').length;
console.log(row);
console.log(cell);

【テーブルの例】

<table>
<tr>
<td><input type="text" name="data_value1" /></td>
<td><input type="number" name="data_value2" /></td>
</tr>
<tr>
<td><input type="text" name="data_value1" /></td>
<td><input type="number" name="data_value2" /></td>
</tr>
<tr>
<td><input type="text" name="data_value1" /></td>
<td><input type="number" name="data_value2" /></td>
</tr>
</table>