获取HTML表中的行数

时间:2012-07-31 14:56:33

标签: javascript jquery html-table

我浏览互联网寻找答案,但我找不到解决方案。我想计算HTML表格按下链接按钮时的行数。有人可以帮帮我吗?

这是我到目前为止所做的:

 $('#HypSelectAll').click(function () {
     var count = $('#gvPerformanceResult').children().length;
     for (i = 0; i < count; i++) {
        alert(i);
     }
 });

但是有些原因它会返回0,即使我的表中有大约12行?我已经检查了我的ID名称,这是正确的。

5 个答案:

答案 0 :(得分:62)

var x = document.getElementById("myTable").rows.length;

答案 1 :(得分:53)

尝试:

var count = $('#gvPerformanceResult tr').length;

答案 2 :(得分:6)

  

以下代码假定您的表格具有“MyTable”ID

<script language="JavaScript">
<!--
var oRows = document.getElementById('MyTable').getElementsByTagName('tr');
var iRowCount = oRows.length;

alert('Your table has ' + iRowCount + ' rows.');
//-->
</script>

答案取自:http://www.delphifaq.com/faq/f771.shtml,这是谷歌查询的第一个结果:“获取HTML表格中的行数”;)

答案 3 :(得分:5)

在DOM中,tr元素(隐式或显式)是tbodytheadtfoot的子元素,而不是{{1}的子元素(因此你得到0)。所以一般的答案是:

table

这包括表的行但不包括任何内部表的行。

答案 4 :(得分:0)

这取决于你桌子上的东西。

以下之一 如果你只有一张表

var count = $('#gvPerformanceResult tr').length;

如果你担心子表,但这不适用于tbody和thead(如果你使用它们)

var count = $('#gvPerformanceResult>tr').length;

这将起作用(但坦率地说是矫枉过正。)

var count = $('#gvPerformanceResult>tbody>tr').length;