匹配所有未來元素

Question

HTML：

<div class="parent"> 
    <a href="#" class="target"></a> 
    <div class="block">text</div> 
    <div class="block">text</div> 
</div> 
<div class="parent"> 
    <a href="#" class="target"></a> 
    <div class="block">text</div> 
    <div class="block">text</div> 
</div> 

的jQuery：

$(".target").click(function() { 
    $(this).next('.blocks').slideToggle("fast"); 
}); 

..作品，但只匹配一個（第一）.block，在父元素不是所有的塊。

Answer 1

.next()方法獲取匹配元素集合中每個元素的緊隨其後的同胞。如果提供了一個選擇器，只有當它與該選擇器匹配時纔會檢索下一個兄弟。

使用.siblings()或.nextAll()選擇：

$(this).siblings('.blocks').slideToggle("fast"); 

或

$(this).nextAll('.blocks').slideToggle("fast");