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

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

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

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

1、HTML结构

<table id = "test">
    <tr><td>1td><td>1td><td>2td><td>3td>tr>
    <tr><td>2td><td>4td><td>5td><td>6td>tr>
    <tr><td>3td><td>7td><td>8td><td>9td>tr>
    <tr><td>4td><td>1td><td>2td><td>3td>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、效果演示

jquery怎么获取tr下的第二个td_第1张图片

你可能感兴趣的:(jquery怎么获取tr下的第二个td)