How do I include the last element aswell?
$('div.current').nextUntil("div:last").css("color", "blue");<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div>First</div>
<div>Second</div>
<div class="current">Third</div>
<div>Fourth</div>
<div>Fifth</div>
<div>Sixth</div>
<div>Seventh</div>You could just use nextAll() instead:
$('div.current').nextAll().addClass('foo');.foo { color: #00F; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div>First</div>
<div>Second</div>
<div class="current">Third</div>
<div>Fourth</div>
<div>Fifth</div>
<div>Sixth</div>
<div>Seventh</div>You could use andSelf method in combination with next() method.
andSelfmethod adds the previous set of elements on the stack to the current set.
$('div.current').nextUntil("div:last").andSelf().next().css("color", "blue");<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div>First</div>
<div>Second</div>
<div class="current">Third</div>
<div>Fourth</div>
<div>Fifth</div>
<div>Sixth</div>
<div>Seventh</div>You could use the general sibling combinator ~ in your selector
$('div.current ~ div').css("color", "blue");<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div>First</div>
<div>Second</div>
<div class="current">Third</div>
<div>Fourth</div>
<div>Fifth</div>
<div>Sixth</div>
<div>Seventh</div>