jquery怎么获取表格的行列

发布网友发布时间：2022-05-12 23:10

共1个回答

热心网友时间：2022-04-24 00:38

　　jQuery 提供了index()方法用于获取第一个匹配元素相对于其同胞元素的 index 位置（从0开始计数），基本语法为：$(selector).index()。因此当前 tr 的 index 可以得到行数，当前 td 的 index 可以得到列数。实例演示如下:
　　1、HTML结构
　　<table id = "test">
　　<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
　　<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>
　　<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>
　　<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>
　　</table>
　　2、jquery代码
　　$(function(){
　　$("table td").click(function() {
　　var row = $(this).parent().index() + 1; // 行位置
　　var col = $(this).index() + 1; // 列位置
　　alert("当前位置：第"+row+"行，第"+col+"列")
　　});