jquery - jQuery .nextAll() 子集过滤

Question

<ul>
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="block">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
   <li class="block">list item 6</li>
   <li>list item 7</li>
   <li>list item 8</li>
</ul>

您将如何仅收集项目 4 和 5？

$('li.block').nextAll()当然返回项目 4 到 8，包括 6。

我想知道最好的方法是什么。带有过滤功能的一些丑陋$.each()的循环听起来非常复杂。li's我希望有一种仅限选择器的方式......到目前为止失败了。

Answer 1

nextUntil()可能是你所追求的。

$('li.block').first().nextUntil('.block');

js小提琴。

Answer 2

我在做一个假设，但这有效：

$('li.block')
    .first()
    .nextUntil(".block")
    .css("background-color","yellow")

演示：http: //jsfiddle.net/gvwwy/2/