jQuery menghapus semua baris tabel kecuali yang pertama

Menggunakan jQuery, bagaimana cara saya menghapus semua baris dalam tabel kecuali yang pertama? Ini adalah upaya pertama saya menggunakan pemilih indeks. Jika saya memahami contoh-contoh dengan benar, berikut ini akan berfungsi:

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

yang akan saya baca sebagai "Bungkus beberapa tabel dalam objek jQuery, lalu hapus semua elemen 'tr' (baris) di mana indeks elemen dari baris tersebut lebih besar dari nol". Pada kenyataannya, ini dijalankan tanpa menghasilkan kesalahan, tetapi tidak menghapus baris apa pun dari tabel.

Apa yang saya lewatkan, dan bagaimana cara memperbaikinya? Tentu saja, saya bisa menggunakan javascript lurus, tapi saya bersenang-senang dengan jQuery sehingga saya ingin menyelesaikan ini menggunakan jQuery.

Ini seharusnya bekerja:

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

Saya pikir ini lebih mudah dibaca mengingat maksudnya:

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

Menggunakan anak-anak juga menangani kasus di mana baris pertama berisi tabel dengan membatasi kedalaman pencarian.

Jika Anda memiliki elemen TBODY, Anda dapat melakukan ini:

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

Jika Anda memiliki elemen THEAD atau TFOOT, Anda harus melakukan sesuatu yang berbeda.

Cara lain untuk mencapai ini adalah menggunakan fungsi kosong () dari jQuery dengan elemen thead dan tbody di tabel Anda.

Contoh tabel:

<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>

Dan perintah jQuery:

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

Ini akan menghapus setiap baris yang terdapat di elemen tbody di tabel Anda dan menyimpan elemen thead di mana tajuk Anda seharusnya. Ini bisa berguna ketika Anda hanya ingin me-refresh konten tabel.

Jika itu aku, aku mungkin akan merebusnya menjadi pemilih tunggal:

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

Pemilih Anda tidak perlu berada di dalam pemindahan Anda.

Seharusnya terlihat seperti:

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

Yang berarti memilih setiap baris kecuali yang pertama dalam tabel dengan ID dari tableID dan menghapusnya dari DOM.

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

Saya ingat menemukan 'irisan' lebih cepat daripada semua pendekatan lain, jadi letakkan saja di sini.

Pertimbangkan tabel dengan id tbl: kode jQuery adalah:

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

Untuk menghapus semua baris, kecuali yang pertama (kecuali tajuk), gunakan kode di bawah ini:

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

Cara termudah:

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

-Pertama referensi tabel-
dapatkan daftar elemen dan iris dan hapus elemen yang dipilih dari daftar

-Maaf ini jawaban yang sangat terlambat.

Cara termudah yang saya temukan untuk menghapus baris apa pun (dan semua baris lain melalui iterasi) adalah ini

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

Sisanya mudah.

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

terbungkus fungsi:

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

lalu panggil:

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

Ini bekerja dengan sempurna

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

Ini bekerja dengan cara berikut dalam kasus saya dan berfungsi dengan baik

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