jQuery获取表格之间总行数

原创于 2012-10-15 17:27:42 发布 · 160 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#乔乐共享 #jQuery #table #rows #size #ViewUI

jQuery 专栏收录该内容

46 篇文章

订阅专栏

本文介绍了一种使用JavaScript来计算HTML表格中两个特定父行之间的子行数量的方法。通过选取指定ID的行元素并遍历其间的兄弟元素实现计数，忽略非目标范围内的行。


<table>
  <tr id="parent_1">
    <td>Parent 1</td>
  </tr>
  <tr class="child">
    <td>Child 1</td>
  </tr>
  <tr class="child">
    <td>Child 2</td>
  </tr>
  ...
  <tr id="parent_2">
    <td>Parent2</td>
  </tr>
  ...
</table>


var childCount = ($('#parent_2').get(0).rowIndex - $('#parent_1').get(0).rowIndex) - 1;


$('#parent_1 ~ .child:not(#parent_2 ~ *)').size();


var rowid1 = 'parent_1';
var rowid2 = 'parent_2';

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");