Question

我的HTML：

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

如何使用jQuery删除除第一个<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);                            

    //});
});

Answer 1

slice()到目前为止the fastest way你将能够做到这一点：

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

jsFiddle here.

Answer 2

你可以这样做 -

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

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

Answer 3

我曾经也遇到过同样的问题而且我使用了：

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

你也将完成。

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

3 个答案: