xóa bảng jquery

Tôi có một bảng HTML chứa đầy một số hàng.

Làm cách nào để xóa tất cả các hàng khỏi bảng?

Sử dụng .remove ()

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

Nếu bạn muốn giữ dữ liệu để sử dụng trong tương lai ngay cả sau khi xóa nó thì bạn có thể sử dụng .detach ()

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

Nếu các hàng là con của bảng thì bạn có thể sử dụng bộ chọn con thay vì bộ chọn con, như

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

Nếu bạn muốn xóa dữ liệu nhưng vẫn giữ các tiêu đề:

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

Bảng phải được định dạng theo cách sau:

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

Nhanh hơn một chút so với việc xóa từng cái riêng lẻ:

$('#myTable').empty()

Về mặt kỹ thuật, điều này sẽ loại bỏ thead, tfootvà tbodycác yếu tố quá.

Tôi cần cái này:

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

Nó xóa tất cả các hàng ngoại trừ tiêu đề.

Lựa chọn hạt nhân:

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

Phá hủy mọi thứ bên trong #yourtableid. Hãy cẩn thận với các bộ chọn của bạn, vì nó sẽ phá hủy mọi html trong bộ chọn mà bạn vượt qua!

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

Điều này sẽ loại bỏ tất cả những gì trcó tdkhi còn nhỏ. tức là tất cả các hàng ngoại trừ tiêu đề sẽ bị xóa.

Thao tác này sẽ xóa tất cả các hàng thuộc nội dung, do đó giữ nguyên tiêu đề và nội dung:

$("#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>

Và loại bỏ:

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

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

Có một bảng như thế này (có tiêu đề và nội dung)

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

loại bỏ mọi tr có cha mẹ được gọi là tbody bên trong #tableId

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

và ngược lại nếu bạn muốn thêm vào bảng của mình

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