如何用jquery 取得table的总行数_框架

jquery的 length 属性可以获取包含 jQuery 对象中元素的数目，因此通过一下代码可以获取table的行数

$("table tr")length

实例演示如下

创建Html元素

<span>点击按钮获取表格的行数：</span><br>

<table>

</table>

</div>

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

table{border-collapse:collapse;}

td{width:30px;height:30px;line-height:30px;text-align:center;border:1px solid green;}

编写jquery代码

$(function(){

$(":button")click(function() {

alert($("divcontent table tr")length);

});

})

观察效果

jQuery 提供了index()方法用于获取第一个匹配元素相对于其同胞元素的 index 位置（从0开始计数），基本语法为：$(selector)index()。因此当前 tr 的 index 可以得到行数，当前 td 的 index 可以得到列数。实例演示如下:

1、HTML结构

</table>

2、jquery代码

$(function(){

$("table td")click(function() {

var row = $(this)parent()index() + 1; // 行位置

var col = $(this)index() + 1; // 列位置

alert("当前位置：第"+row+"行，第"+col+"列")

});

3、效果演示

<html><head><script type="text/javascript">function show(){ var tab = documentgetElementById("test") ; //表格行数 var rows = tabrowslength ; //表格列数 var cells = tabrowsitem(0)cellslength ; alert("行数"+rows+"列数"+cells);}</script></head><body><table id="test" border="1"><tr> <td> </td><td>nbsp;</td></tr><tr> <td> </td><td>nbsp;</td></tr></table><input type="button" onclick="show();"/></body></html>

iRows=activesheetusedrangerowscount

iColumns=activesheetusedrangeColumnscount

'如果表格前面的几行或几列可能是空的，需要获得最下面的行数和最右面的列数：

with activesheetusedrange

iEndRow=rowscount+row-1

iEndColumn=Columnscount+column-1

end with

X = ApplicationwbSheets("Sheet1")CountA(Range("A:A"))

这个需要A列没有空行

试下

X = ApplicationwbSheets("Sheet1")Range("A65536")end(xlup)row

以上就是关于如何用jquery 取得table的总行数全部的内容，包括:如何用jquery 取得table的总行数、jquery如何获得表格所在的行数和列数、怎么获取表格的行数有多少呢等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/9656325.html

如何用jquery 取得table的总行数

发表评论

评论列表（0条）