在jquery中访问兄弟姐妹

Question

我想访问列的兄弟：

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

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

Answer 1

您可以使用.siblings jquery函数

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 时，
• 第二个td 当您点击第二个td
时，
• 第三个td 当您点击第3个td
时，
• 第一个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/