jquery - 使用 jquery 在匹配连续 div 中添加类

Question

我必须在 div 连续匹配上 addCass 。我使用了 jquery nextAll 但即使没有遵循匹配 div，它也会突出显示。最后一个带有文本 "a" 的 div 不应成为 nextAll

的一部分

$('a').click(function(){
$(this).parent().nextAll('.abc').addClass('active')
})

.active{color:red}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<div class="abc">
    <a>click </a>
</div>

<div class="abc">
    abc
</div>
<div class="abc">
    abc
</div>

<div class="xyz">
    xyz
</div>

<div class="abc">
    a
</div>

Answer 1

使用.nextUntil()和:not():

$('a').click(function() {
    $(this).parent().nextUntil(':not(.abc)').addClass('active')
})

演示:http://jsfiddle.net/jLgxokbp/