jQuery的選擇唯一的鄰居

Question

我有：

<div class="row even"> 
    <div class="more">more</div> 
    <div class="body">Some additional text</div> 
</div> 
<div class="row odd"> 
    <div class="more">more</div> 
    <div class="body">Anoteher text</div> 
</div> 

而且我要點擊「更多」分區信息，但只有在他們共同的行類時用「身體」級切換股利。

$('.more').click(function() { 
$('.body').toggle(); 
}); 

但它切換所有div與「身體」類。

Answer 1

$('.more').click(function() { 
    $(this).siblings('.body').toggle(); 
}); 

Workig演示 - http://jsfiddle.net/AsLWf/1/

Answer 2

可以使用siblings穿越功能與選擇：

$(this).siblings('.body').toggle(); 

Answer 3

使用next功能：

$('.more').click(function() { 
    $(this).next().toggle(); 
}); 

Answer 4

您可以用做next（）方法：

$('.more').click(function() { 
    $(this).next().toggle(); 
});