jQueryでテーブル(table)の行数を取得する

2016年8月21日

1.HTMLコード
<table>
<tr id="parent01″>
<td>Parent 1</td>
</tr>
<tr class="child">
<td>Child 1</td>
</tr>
<tr class="child">
<td>Child 2</td>
</tr>
…
<tr id="parent02″>
<td>Parent2</td>
</tr>
…
</table>

2.JSコード:
<script>
var childCount = ($('#parent02’).get(0).rowIndex – $('#parent01’).get(0).rowIndex) – 1;
$('#parent01 ~ .child:not(#parent02 ~ *)’).size();

var rowid1 = 'parent01’;
var rowid2 = 'parent02’;

var rows = $(“#"+rowid1).parent().find('tr’);
var count = 0;

for (var i = 0; i < rows.size(); i++) {
var el = rows.get(i);
// Done counting
if (el.id == rowid2) break;
if (el.id != rowid1) {
++count;
}
}
alert(“There are " + count + " rows between");
</script>