JQuery - Remove everything after an element

Question

I have:

<div id="container">
  <div id="i_1"></div>
  <div id="i_2"></div>
  <div id="i_3"></div>
  <div id="i_4"></div>
</div>

How do I remove everything after $('#i_2')?

Answer 1

使用nextAll

$('#i_2').nextAll().remove()

Answer 2

$("#container div:gt(1)").remove();

另一种选择。