jQuery：如何使用.nextUntil（）？

Question

假设我有这样的HTML：

<span class="buttonNo1">1</span>
<span class="buttonNo2">2</span>
<span class="buttonNo3 clicked">3</span>  //Suppose this button is clicked
<span class="buttonNo4">4</span>
<span class="buttonNo5">5</span>
<span class="buttonNo6">6</span>
<span class="buttonNo7">7</span>

现在，我希望在点击className时获得包含clicked类的跨度的下两个相邻兄弟姐妹的clicked。

一种简单的方法就是。

$(".clicked").click(function(e){
  console.log($(this).next().attr('class'))
  console.log($(this).next().next().attr('class'))
})

如何使用.nextUntil()？

Answer 1

尝试使用.nextAll()和:lt()过滤器

$(".clicked").click(function(e){
    $(this).nextAll(':lt(2)').css('background-color', 'red');
})

演示：Fiddle