jquery - 如何删除 HTML 表格中除前两行以外的所有行？

Question

这是使用 jQuery 删除除第一行以外的所有内容的代码:

$("#tblCustomers").find("tr:not(:first)").remove();

如何删除除前两行以外的所有行？

Answer 1

您可以使用 :gt() 查找索引大于指定索引的行。试试这个:

$("#tblCustomers tr:gt(1)").remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tblCustomers">
    <tr><td>0</td></tr>
    <tr><td>1</td></tr>
    <tr><td>2</td></tr>
    <tr><td>3</td></tr>
</table>

请注意，索引是从零开始的，因此索引 1 是第二行。

或者，您可以slice() 选择器中的元素:

$("#tblCustomers tr").slice(2).remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tblCustomers">
    <tr><td>0</td></tr>
    <tr><td>1</td></tr>
    <tr><td>2</td></tr>
    <tr><td>3</td></tr>
</table>