2013-07-18 53 views
4

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

    //}); 
}); 

回答

14

slice()是迄今爲止the fastest way你將能夠做到這一點:

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

jsFiddle here.

+0

它不工作...我把它改爲表 –

+0

@ Wang'lPakhrin如果你改變了你的HTML,那麼它不會工作..你需要告訴我它看起來像什麼:) – lifetimes

+0

我改變了它表#爲#parentDiv,我想刪除除第一個以外的所有tr。當我做它時沒有變化 –

2

我曾經也對同樣的問題,我上的使用:

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

你也將完成。

相關問題