table claire jquery

Question

J'ai un HTML table rempli avec un certain nombre de lignes. 

Comment puis-je supprimer toutes les lignes de la table?

Answer 1

Utilisez .remove ()

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

Si vous souhaitez conserver les données pour une utilisation future même après les avoir supprimées, vous pouvez utiliser .detach ()

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

Si les lignes sont des enfants de la table, vous pouvez utiliser le sélecteur d'enfants au lieu du sélecteur descendant, comme

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

Answer 2

Si vous souhaitez effacer les données mais conserver les en-têtes:

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

Le tableau doit être formaté de cette manière:

<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

Légèrement plus rapide que de supprimer chaque élément individuellement:

$('#myTable').empty()

Techniquement, cela supprimera aussi les éléments thead, tfoot et tbody.

Answer 4

J'avais besoin de ça: 

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

Il supprime toutes les lignes sauf l'en-tête.

Answer 5

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

Cela supprimera toute tr ayant td comme enfant. Autrement dit, toutes les lignes, à l'exception de l'en-tête, seront supprimées.

Answer 6

L'option nucléaire:

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

Détruit tout à l'intérieur de #yourtableid. Soyez prudent avec vos sélecteurs, car cela détruirait tout html dans le sélecteur que vous passez!

Answer 7

Cela supprimera toutes les lignes appartenant au corps, en gardant ainsi les en-têtes et le corps intacts:

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

Et supprimer:

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

Answer 9

Avoir une table comme celle-ci (avec un en-tête et un corps)

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

supprime tous les tr ayant un parent appelé tbody dans le #tableId

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

et inversement si vous voulez ajouter à votre table

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

Answer 10

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