教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jQuery获取表格间总行数的例子

jQuery获取表格间总行数的例子

发布时间:2015-12-28   编辑:jiaochengji.com
分享一个jquery取得表格间总行数的例子,需要的朋友参考下。

例子,jquery获取表格之间的总行数。
 

复制代码 代码示例:

<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>
记得在此处引入jquery类库文件。
<script>
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");
</script>

您可能感兴趣的文章:

关键词: jquery实例  表格   
[关闭]
~ ~