javascript - 在 jquery 中访问兄弟姐妹

Question

我想访问列的兄弟：

   <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
   </tr>

当我点击 3 时，我如何访问 1？

Answer 1

你可以使用.siblingsjquery函数

http://api.jquery.com/siblings/

Answer 2

如果我很好理解；

var td = $('tr td'), len = td.length;
td.on('click', function() {
    var i = (td.index(this) + 1) % len;
    console.log(td.eq(i));
});

这将返回

• td当你点击第 1次时，第 2 次td
• 3rdtd当你点击 2ndtd
• td当你点击第 3 次时第 1次td

小提琴示例：http: //jsfiddle.net/BmYue/2/

Answer 3

您可以使用 -

$('td:last').on('click', function(){
    $(this).siblings('td:first').css('color', 'red');
})

演示：http: //jsfiddle.net/RK56q/

Answer 4

或者您也可以使用 .parent() 和 .children() 方法来访问它。

$(this).parent().children()

但更简单的版本是 .siblings jquery 函数。

http://api.jquery.com/parent/ http://api.jquery.com/children/