jquery 怎么获取tr下的第二个td元素？

Question

$("#tableID").find("tr").each(function(){
var td2=$(this).???? //这怎么写？

});
不是吧，我是循环所有tr 再获取每个tr中第二到第八个td的innerHTML

Answer 1

有两种方法可以获取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');
});
});

3、效果演示

Answer 2

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

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

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

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

本回答被网友采纳

Answer 3

<table id="test">
<tr>
<td>
1
</td>
<td>
2
</td>
</tr>
<tr>
<td>
一
</td>
<td>
二
</td>
</tr>
</table>

JQuery:
$(document).ready(function () {
$('#test tr').each(function () {
alert($(this).children('td').eq(1).html());
});
});

以上代码完整无误，请试试吧！本回答被提问者采纳

Answer 4

alert($(this).children().eq(1).html());
第二个td

Answer 5

$(this).next('td)