JQuery - удалить все после элемента

У меня есть:

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

Как удалить все после $('# i_2')?

Ответы

Ответ 1

Используйте nextAll

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

Ответ 2

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

Другая альтернатива.