クリアテーブルjquery

Question

HTMLテーブルには多数の行があります。

どうすればremoveテーブルのすべての行を削除できますか？

Answer 1

。remove（）を使用

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

データを削除した後でも将来の使用に備えて保持する場合は、。detach（）を使用できます

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

行がテーブルの子の場合、次のように子孫セレクターの代わりに子セレクターを使用できます

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

Answer 2

データを消去するがヘッダーを保持する場合：

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

テーブルは次の方法でフォーマットする必要があります。

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

Answer 3

それぞれを個別に削除するよりも少し速い：

$('#myTable').empty()

技術的には、これによりthead、tfoot、およびtbody要素も削除されます。

Answer 4

私はこれが必要でした：

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

ヘッダーを除くすべての行を削除します。

Answer 5

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

これにより、trを子として持つすべてのtdが削除されます。つまり、ヘッダーを除くすべての行が削除されます。

Answer 6

核オプション：

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

#yourtableid内のすべてを破壊します。セレクタに注意してください。渡したセレクタのany htmlが破壊されるためです！

Answer 7

これにより、本文に属するすべての行が削除され、ヘッダーと本文はそのままになります。

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

Answer 8

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

そして削除：

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

Answer 9

このようなテーブルを持つ（ヘッダーと本文付き）

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

#tableId内にtbodyという親を持つすべてのtrを削除します

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

逆にテーブルに追加する場合

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

Answer 10

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