javascript - jqueryで兄弟にアクセスする

Question

列の兄弟にアクセスしたい:

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

3 をクリックすると、どうすれば 1 にアクセスできますか?

Answer 1

使用できます-

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

デモ： http： //jsfiddle.net/RK56q/

Answer 2

.siblingsjquery関数を使用できます

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

Answer 3

私がよく理解していれば;

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

これは戻ります

• td1stをクリックすると2ndtd
• td2番目をクリックすると3番目td
• td3番目をクリックすると1番目td

フィドルの例: http://jsfiddle.net/BmYue/2/

Answer 4

または、.parent() および .children() メソッドを使用してアクセスすることもできます。

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

しかし、より簡単なバージョンは .siblings jquery 関数です。

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