javascript - jqueryのクラスで次のすべての要素を選択する方法

Question

セレクターから次のすべての要素を選択し、次の要素が含まれていないときに停止し、それ以降の要素を無視するにはどうすればよいですか?

例：

<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>

今js / jqueryで：

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

したがって、最初のプライマリ div をクリックすると、次の 3 つの「サブ」div に影響を与えることができます。しばらくすると、ある種の .next() を実行できることがわかっていますが、これは非効率的です。

Answer 1

.nextUntil()を使用する

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

デモ:フィドル

Answer 2

これはあなたに役立ちます

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