jelas tabel jquery

Saya memiliki tabel HTML yang diisi dengan sejumlah baris.

Bagaimana cara menghapus semua baris dari tabel?

Gunakan .remove ()

$("#yourtableid tr").remove();

Jika Anda ingin menyimpan data untuk penggunaan di masa mendatang bahkan setelah menghapusnya, Anda dapat menggunakan .detach ()

$("#yourtableid tr").detach();

Jika baris adalah anak dari tabel maka Anda dapat menggunakan pemilih anak alih-alih pemilih keturunan, seperti

$("#yourtableid > tr").remove();

Jika Anda ingin menghapus data tetapi tetap menggunakan header:

$('#myTableId tbody').empty();

Tabel harus diformat dengan cara ini:

<table id="myTableId">
    <thead>
        <tr>
            <th>header1</th><th>header2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>data1</td><td>data2</td>
        </tr>
    </tbody>
</table>

Sedikit lebih cepat daripada menghapusnya satu per satu:

$('#myTable').empty()

Secara teknis, ini akan menghapus thead, tfootdan tbodyelemen juga.

Saya membutuhkan ini:

$('#myTable tbody > tr').remove();

Ini menghapus semua baris kecuali header.

Opsi nuklir:

$("#yourtableid").html("");

Hancurkan semua yang ada di dalamnya #yourtableid. Berhati-hatilah dengan penyeleksi Anda, karena ini akan menghancurkan semua html di selektor yang Anda lewati!

$("#employeeTable td").parent().remove();

Ini akan menghapus semua trmemiliki tdsebagai anak. yaitu semua baris kecuali header akan dihapus.

Ini akan menghapus semua baris milik body, sehingga header dan body tetap utuh:

$("#tableLoanInfos tbody tr").remove();

<table id="myTable" class="table" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Header 1</th>
            <th>Header 2</th>
            <th>Header 3</th>
        </tr>
    </thead>
    <tbody id="tblBody">

    </tbody>
</table>

Dan Hapus:

$("#tblBody").empty();

  $('#myTable > tr').remove();

Memiliki tabel seperti ini (dengan header dan body)

<table id="myTableId">
    <thead>
    </thead>
    <tbody>
   </tbody>
</table>

hapus setiap tr yang memiliki induk bernama tbody di dalam #tableId

$('#tableId tbody > tr').remove();

dan sebaliknya jika Anda ingin menambahkan ke meja Anda

$('#tableId tbody').append("<tr><td></td>....</tr>");