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

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

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

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

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

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

    });

});

$('#id-tr > td') // 这个可以得到id为id-tr下的直系td子元素

$('#id-tr  td')  //这个可以得到id为id-tr下的所有td子元素

$('tr')click(function(){

$(this)find('input')each(function(){

alert($(this)val());

});

});

以上就是关于jquery 怎么获取tr下的第二个td元素全部的内容，包括:jquery 怎么获取tr下的第二个td元素、jquery 对table的一些 *** 作 怎么获取tr下的第二个td元素、jquery怎么得到tr下所有td等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！