6

我的 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);                            

    //});
});
4

3 回答 3

17

slice()到目前为止，您将能够做到这一点的最快方式：

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

jsFiddle在这里。

于 2013-07-18T11:42:36.313 回答
2

你可以这样做 -

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

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

于 2013-07-18T11:45:13.770 回答
2

我曾经也遇到过同样的问题，我使用以下方法进行了修复：

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

你也将完成。

于 2013-07-18T11:58:16.213 回答