jquery怎么获取表格的行列

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+"列")

});

可以在鼠标经过table时，获得当前行与列的值。页面如下所示：

具体 *** 作就是点击“删除”按钮，然后调用jquery插件页面，这时候需要获得相应行的“ID”进行 *** 作。

next 是取同辈元素，不是去子元素的\x0d\ alert($("tr:nth-child(3) td:nth-child(5)")html());\x0d\ \x0d\ alert($("tr:eq(2) td:eq(4)")html());\x0d\ \x0d\ alert($("tr:eq(2)")children()eq(4)html());\x0d\以上三个都能取到第三行第五列

jquery代码

$("myclass")each(function(){

$("#sub",this)click(function(){

// alert(1)

alert($(this)parents("tr")html());

});

});

});

表格html代码

<table border="1">

<tr class="myclass">

<th>Month</th>

<th>Savings</th>

<th><input id="sub" type="submit" ></input></th>

</tr>

<tr class="myclass">

<td>January</td>

<td>$100</td>

<th><input id="sub" type="submit" ></input></th>

</tr>

</table>

通过$(this)获取所点击的按钮，

$(this)parents(“tr”)获取按钮所在行，

$(this)parents(“tr”)find(“”)text()获取按钮所在行class为的元素的值。

Ajax异步，根据每一行表格获取当前表格行内的某一个变量例如：

<td id="user_"$id> $id就是当前用户的id值，这样你点击之后获取当前行的id标示，利用php查询当前id的具体信息就行

html:

<td id="ctId" onclick="test(this)">ctId</td>

js:

function test(obj){

var v = $(obj)html();

alert(v);

}

以上就是关于jquery怎么获取表格的行列全部的内容，包括:jquery怎么获取表格的行列、JQ如何取table中某一行的数据、如何用“Jquery”获取“Table指定行中指定列”的数值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！