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>

现在，我想获取当单击 clicked 时具有类 clicked 的跨度的下两个相邻兄弟的 className 。

一个简单的方法是。

$(".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