Удалить все дочерние элементы из таблицы, за исключением первого?

Question

Мой HTML:

<table id="user-table"> 
     <tr><td>1</td></tr> 
     <tr><td>2</td></tr> 
     <tr><td>3</td></tr>  
</table> 

Как я могу удалить все дочерние элементы пользовательского таблицы, кроме первого <tr> с помощью JQuery?

Что я пробовал:

$("#user-table").children().remove(); 

Однако он удаляет все дочерние <tr> элементы, но я хочу, чтобы первый ряд не будет удален.

Вот мой JQuery до сих пор:

$('#add-form').submit(function(e) { 
    e.preventDefault(); 
    $.post("../lib/ajax/add-user.php", $("#add-form").serialize(), 
    function(data){ 
    javascript:jQuery.fancybox.close(); 

    $("#user-table").children().remove(); 
    //$('#list-box').fadeTo(800,1,function(){ 

    //$(this).empty(); 
    //$(this)..append(data);        

    //}); 
}); 

Answer 1

slice() на сегодняшний день the fastest way вы собираетесь быть в состоянии сделать это:

$('#user-table tr').slice(1).remove(); 

jsFiddle here.

Answer 2

Вы можете сделать это -

$('#parentDiv > div:gt(0)').remove(); 

Demo --->http://jsfiddle.net/aaCam/

Answer 3

я когда-то был и на одной и ту же проблему, и я исправляюсь:

$('#user-table > tr:not(:first)').remove(); 

вы также будете сделаны.