jQuery xóa tất cả các hàng của bảng ngoại trừ đầu tiên

Sử dụng jQuery, làm cách nào để xóa tất cả các hàng trong một bảng trừ bảng đầu tiên? Đây là nỗ lực đầu tiên của tôi trong việc sử dụng bộ chọn chỉ mục. Nếu tôi hiểu các ví dụ chính xác, những điều sau đây sẽ hoạt động:

$(some table selector).remove("tr:gt(0)");

mà tôi sẽ đọc là "Gói một số bảng trong một đối tượng jQuery, sau đó xóa tất cả các phần tử 'tr' (hàng) trong đó chỉ số phần tử của các hàng đó lớn hơn 0". Trong thực tế, nó thực thi mà không tạo ra lỗi, nhưng không xóa bất kỳ hàng nào khỏi bảng.

Tôi còn thiếu gì, và làm cách nào để khắc phục điều này? Tất nhiên, tôi có thể sử dụng javascript trực tiếp, nhưng tôi có rất nhiều niềm vui với jQuery mà tôi muốn giải quyết vấn đề này bằng jQuery.

Điều này sẽ làm việc:

$(document).ready(function() {
   $("someTableSelector").find("tr:gt(0)").remove();
});

Tôi nghĩ rằng điều này dễ đọc hơn với mục đích:

$('someTableSelector').children( 'tr:not(:first)' ).remove();

Sử dụng trẻ em cũng quan tâm đến trường hợp hàng đầu tiên chứa một bảng bằng cách giới hạn độ sâu của tìm kiếm.

Nếu bạn có yếu tố TBODY, bạn có thể làm điều này:

$("someTableSelector > tbody:last").children().remove();

Nếu bạn có các yếu tố THEAD hoặc TFOOT, bạn sẽ cần phải làm một cái gì đó khác biệt.

Một cách khác để thực hiện điều này là sử dụng hàm rỗng () của jQuery với các phần tử thead và tbody trong bảng của bạn.

Ví dụ về bảng:

<table id="tableId">
<thead>
    <tr><th>Col1</th><th>Col2</th></tr>
</thead>
<tbody>
    <tr><td>some</td><td>content</td></tr>
    <tr><td>to be</td><td>removed</td></tr>
</tbody>
</table>

Và lệnh jQuery:

$("#tableId > tbody").empty();

Điều này sẽ loại bỏ tất cả các hàng có trong phần tử tbody của bảng của bạn và giữ phần tử thead nơi tiêu đề của bạn phải ở. Nó có thể hữu ích khi bạn chỉ muốn làm mới nội dung của bảng.

Nếu là tôi, có lẽ tôi sẽ chuyển nó xuống một bộ chọn duy nhất:

$('someTableSelector tr:not(:first)').remove();

Bộ chọn của bạn không cần phải ở trong phần gỡ bỏ của bạn.

Nó sẽ trông giống như:

$("#tableID tr:gt(0)").remove();

Có nghĩa là chọn mọi hàng trừ hàng đầu tiên trong bảng có ID của bảngID và xóa chúng khỏi DOM.

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

Tôi nhớ rằng đi ngang qua 'lát cắt' nhanh hơn tất cả các phương pháp khác, vì vậy chỉ cần đặt nó ở đây.

Hãy xem xét một bảng có id tbl: mã jQuery sẽ là:

$('#tbl tr:not(:first)').remove();

Để xóa tất cả các hàng, ngoại trừ hàng đầu tiên (ngoại trừ tiêu đề), hãy sử dụng mã dưới đây:

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

Cách dễ nhất:

$("#mytable").find($("tr")).slice(1).remove()

-first tham khảo bảng
-get danh sách các phần tử và cắt nó và loại bỏ các phần tử được chọn của danh sách

-Xin lỗi này là trả lời rất muộn.

Cách dễ nhất tôi đã tìm thấy để xóa bất kỳ hàng nào (và tất cả các hàng khác thông qua việc lặp lại) là cách này

$ ('# rowid', '# tableid'). remove ();

Phần còn lại là dễ dàng.

$ ("# p-items"). find ('tr.row-items') .remove ();

bọc trong một chức năng:

function remove_rows(tablename) { 
    $(tablename).find("tr:gt(0)").remove();        
}

sau đó gọi nó:

remove_rows('#table1');
remove_rows('#table2');

Điều này hoạt động hoàn hảo

$("#myTable tbody").children( 'tr:not(:first)' ).html("");

Điều này làm việc theo cách sau trong trường hợp của tôi và làm việc tốt

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