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

});

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为的元素的值。

<table>

<tr><td>行1列1</td><td>行1列2</td><td>行1列3</td></tr>

<tr><td>行2列1</td><td>行2列2</td><td>行2列3</td></tr>

</table>

来个点击的

$("table tr")click(function()

{

var $this = $(this);

//$this就是这个行，你点哪行，哪行就有反应。

})

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

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

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

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

将获取到的内容以“\n”分割成数组，然后取对应的数组元素即可（分割的数组从0开始即key为0）。

<textarea id="textarea">

第一行

第二行

第三行

</textarea>

<a href="javascript:;" onclick="getcontent(2)">获取第二行</a>

<!--使用onclick触发下面的方法-->

<script>

function getcontent(n){

var text = $("#textarea")html();//获取id为ta的textarea的全部内容

var arry = textsplit("\n");//以换行符为分隔符将内容分割成数组

alert(arry[n-1]);//d出第二行文字

}

</script>

以上就是关于jquery怎么获取表格的行列全部的内容，包括:jquery怎么获取表格的行列、jquery表格行进行编辑 如何获取当前的行数据、用jquery 得到选择table 某一行的数据、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！