Как удалить все дочерние элементы кроме 3 первых?

Question

[raw1]

<div>
      <p>1</p>
      <p>2</p>
      <p>3</p>
      <p>n</p>

</div>

Нужно удалить все кроме первых 3

Answer 1

[Сергей Соколов]

jQuery .slice() поможет выбрать только часть элементов:

$('div').children().slice(3).remove();

Fiddle.

Answer 2

[Falseclock]

если без всяких жиквери, то
где NODE - это ссылка на DOM объект вашего DIV

while (NODE.children.length > 3) {
        NODE.removeChild(NODE.lastChild);
 }

или с жиквери

while ($('div > p').children.length > 3) {
        $('div > p').removeChild($('div > p').lastChild);
 }