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

});

$('a')click(function(){

var self=$(this);

var txt=selfparent()parent()children('td')eq(0)html();

alert('数据:'+txt);

});

$(tbody)find('tr')eq(1)find('td')eq(2);

这条代码取的是第1个tr的第2个td

你可以用$(tbody)find('tr')size()取所有tr

然后在循环中取第二个td

因为tr的下标是从0开始的，所以实际取的则是第i-1个下标的元素。比如，你想取第二个tr，那么就是$("table tr:eq(1)")，想去第58个tr则是$("table tr:eq(57)")

就可以了

$(tbody)find('tr')eq(1)find('td')eq(2);

这条代码取的是第1个tr的第2个td

你可以用$(tbody)find('tr')size()取所有tr

然后在循环中取第二个td

有两种方法可以获取tr下的第二个td元素：

1、使用css选择器，$("tr td:nth-child(2)")。

2、使用遍历函数eq()。

下面就以上两个方法进行实例演示：单击按钮改变所有行的第二个单元格的样式，单击任意行改变该行第二个单元格的样式。

1、HTML结构

<table id = "test">

<tr><td>1</td><td>1</td><td>2</td><td>3</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>

<input type="button" id="btn" value="设置">

2、jquery代码

$(function(){    $("#btn")click(function() {        $("#test tr td:nth-child(2)")addClass('red');    });    $("#test tr")click(function() {        $(this)children('td')eq(1)addClass('red');    });});

？？啥？

ajax获取数据库中的数据。

然后在$ajax({

url:url,

success:function(data){

//在这儿处理不就行了？

}

})

ajax返回的内容是后台给的啊。后台如果给了主键值，直接用for循环获取不就可以了？

如果后台程序没有将主键值取出来，jquery怎么可能去得到主键值····

以上就是关于jquery怎么获取表格的行列全部的内容，包括:jquery怎么获取表格的行列、jquery获取当tr的接着的下一个tr、jQuery怎么取到每个table里的第i个tr等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！