How to remove all tags after certain tag?

Question

Hello,

I need to remove tags going after #first and only in #container. How can I do it with jQuery?

<div id="container">
  <div id="first"></div>
  <div id="remove_me_1"></div>
  <div id="remove_me_2"></div>
  <div id="remove_me_3"></div>
  <a href="" id="remove_me_too">Remove me too</a>
</div>

Thank you

Answer 1

$.("#container #first ~ *").remove();

Answer 2

You can use nextAll method: http://api.jquery.com/nextAll/

$("#first").nextAll().remove();

Answer 3

$('#container').children(':not(#first)').remove();

Answer 4

$("#container :gt(0)").remove();