判断当前table中的tr是不是最后一行

最新推荐文章于 2021-09-23 11:59:38 发布

veiveid

最新推荐文章于 2021-09-23 11:59:38 发布

阅读量4.5k

点赞数

分类专栏： web前端文章标签： javascript table 最后一行

本文链接：https://blog.youkuaiyun.com/veiveid/article/details/30071987

版权

web前端专栏收录该内容

19 篇文章

订阅专栏

修改项目中的一个功能：在上一行输入完成后，触发事件，自动跳入到下一行，并将下一行的本列自动直为可输入状态，光标获取焦点。

在不断向下一行跳的时候，就要判断是不是到了最后一行：简单代码实现：

<html>
<head>
<script>
function test(v){
	var trObj = v.parentNode.parentNode;
	var trArr = v.parentNode.parentNode.parentNode.children;
	if(trObj.rowIndex == trArr.length-1){
		alert("endLine");
	}else{
		alert("not endLine");
	}
	
}
</script>
</head>
<body>
	<table id="tableId">
		<tr><td><a href="#" onClick="test(this)">1</a></td></tr>
		<tr><td><a href="#" onClick="test(this)">2</a></td></tr>
		<tr><td><a href="#" onClick="test(this)">3</a></td></tr>
	</table>
</body>
</html>