js如何获取表格中某一行的单元格数

2025-01-29 20:24:55

推荐回答（3个）

回答（1）：

javascript提供了获取表格中某一行单元格数的代码，参考如下：

document.getElementById('first').cells.length  // 获取id为first的行的单元格数目

实例演示如下：

创建Html元素


	实例演示：获取表格第一行的单元格数量

	
	    
	        
	        
	        
	    1 2 3
4 5 6
7 8 9

简单设置一下css样式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box>span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
table{border-collapse:collapse;}
td{width:80px;height:30px;line-height:30px;text-align:center;border:1px solid green;}

编写jquery代码

观察效果

回答（2）：

因为你这里a.cells 拿到的是这一行所有的cell对象的数组;你可以加个length拿到数量,或者遍历该对象数组,用每一个兑现inneHTML或者innerText拿到单元格内内容;
jq:
方法1:$("table>tbody:nth-child(1)>tr:nth-child(行数) >td:nth-child(列数)");
方法2:$("table tr:eq(行数-1) td:eq(列数-1)");
js:
方法1:document.getElementsByTagName("table的下标").childNodes[0].childNodes[行数-1].childNodes[列数-1]; //如果有caption标签 0变为1 先调用cleanWhitespaceDG去空格
方法2:document.getElementsByTagName("table的下标").rows[行数-1].cells[列数-1];
//还是要调用cleanWhitespaceDG去空格

回答（3）：