从表格中删除除第一个之外的所有子元素？

Question

My HTML:

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

如何使用jQuery删除user-table的所有子元素，除了第一个<tr>？

我尝试过的方法：

$("#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);                            

    //});
});

- Wang'l Pakhrin

Answer 1

slice() 是迄今为止能够以最快的速度执行以下操作的方法：切片。

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

这里是jsFiddle。

- dsgriffin

---

@Wang'lPakhrin 如果你已经更改了HTML，那么它将无法正常工作.. 你需要向我展示它的样子 :) - dsgriffin

我已将其更改为表格，名称为#parentDiv，并且我想删除除第一个之外的所有tr。但是当我这样做时没有任何变化。 - Wang'l Pakhrin

@Wang'lPakhrin 使用这个 - $('#parentDiv tr').slice(1).remove(); - dsgriffin

我会写出刚才的脚本，请在上面检查。 - Wang'l Pakhrin

@Wang'lPakhrin 你没有使用我的代码。请使用这行精确的代码 - $('#parentDiv tr').slice(1).remove();。不要在任何地方插入 >。 - dsgriffin

Answer 2

我曾经也遇到过同样的问题，并通过以下方式解决：

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

您也将完成。

- Jeetendra

Answer 3

你可以这样做 -

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

演示 ---> http://jsfiddle.net/aaCam/

- Adil Shaikh