How to select all following elements with class in jquery

Question

How can I select all following elements from my selector, stopping when the next element is not part of it and ignoring the further elements?

example:

<div class="primary"></div>
  <div class="sub"></div>
  <div class="sub"></div>
  <div class="sub"></div>
<div class="primary"></div>
 <div class="sub"></div>
<div class="primary"></div>
 <div class="sub"></div>
 <div class="sub"></div>

now in js / jquery:

$('.primary').click(function()
{
$(this)....  //acces to all following elements with class "sub"
});

so when clicking on the first primary div, I can affect the 3 following "sub" divs I know I could do some kind of .next() in a while, but this seams inefficient.

Answer 1

Use .nextUntil()

$('.primary').click(function(){
    $(this).nextUntil('.primary').text($(this).text())
});

Demo: Fiddle

Answer 2

这将对您有所帮助

**SEE DEMO http://jsfiddle.net/dhaval17/W3Jsy/**