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

2025-01-05 22:16:11

推荐回答（5个）

回答1：

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

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

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

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

1、HTML结构

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、效果演示

回答2：

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

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

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

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

回答3：

1	2
一	二

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

以上代码完整无误，请试试吧！

回答4：

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

回答5：

$(this).next('td)