如何在jquery中使用class选择所有后续元素

时间:2013-08-17 10:50:16

标签: javascript jquery

如何从我的选择器中选择所有后续元素,当下一个元素不属于它时停止并忽略其他元素?

示例:

<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个“sub”div 我知道我可以在一段时间内做某种.next(),但这种接缝效率低下。

2 个答案:

答案 0 :(得分:1)

使用.nextUntil()

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

演示:Fiddle

答案 1 :(得分:0)

这对你有帮助

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