刪除tbody上的tr

Question

我有一個html，當然，它有一個table元素，而在tbody中，我有一個將刪除表的行的按鈕。

我已將一個onclick=""函數分配給按鈕。 (Function here)

如何在表（THEAD）的頭放在桌子上（TBODY）的身體，而不是隻刪除行的行？

FIDDLE HERE

Answer 1

裹體行tbody元，比你可以選擇只table tbody tr被刪除。使用jQuery你可以做$('table tbody tr').remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id="table"> 
 
    <thead> 
 
    <tr> 
 
     <th>Name</th> 
 
     <th>Action</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>Some content</td> 
 
     <td> 
 
     <button onClick="$(this).closest('tr').remove()">Remove</button> 
 
     </td> 
 
    </tr> 
 

 
    <tr> 
 
     <td>Some content</td> 
 
     <td> 
 
     <button onClick="$(this).closest('tr').remove()">Remove</button> 
 
     </td> 
 
    </tr> 
 

 
    <tr> 
 
     <td>Some content</td> 
 
     <td> 
 
     <button onClick="$(this).closest('tr').remove()">Remove</button> 
 
     </td> 
 
    </tr> 
 

 
    <tr> 
 
     <td>Some content</td> 
 
     <td> 
 
     <button onClick="$(this).closest('tr').remove()">Remove</button> 
 
     </td> 
 
    </tr> 
 
    </tbody> 
 
</table> 
 
<button onClick="$('#table tbody tr').remove()">Remove all rows</button>