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

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

• javascript
• jquery

Share Improve this question Follow asked May 12, 2010 at 10:19 KirzillaKirzilla 16.6k2727 gold badges8989 silver badges131131 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 11

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

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

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

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