Remove all elements after certain element

Question

My code is:

<div id="wrap">   <div id="element1" class="ewrap"></div>   <div id="element2" class="ewrap"></div>   <div id="element3" class="ewrap"></div>   <div id="element4" class="ewrap"></div>   <div id="element5" class="ewrap"></div> </div> 

How would I dynamically remove all elements after element1?

Answer 1

You could use the .nextAll() method:

$('#element1').nextAll('div').remove();