jQuery supprime toutes les lignes du tableau sauf la première

À l'aide de jQuery, comment supprimer toutes les lignes d'une table, sauf la première? Ceci est ma première tentative d'utilisation de sélecteurs d'index. Si je comprends bien les exemples, les éléments suivants devraient fonctionner:

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

que je lirais comme "Envelopper un tableau dans un objet jQuery, puis supprimer tous les éléments" tr "(lignes) où l'index des éléments de ces lignes est supérieur à zéro". En réalité, il s'exécute sans générer d'erreur, mais ne supprime aucune ligne du tableau.

Qu'est-ce qui me manque et comment résoudre ce problème? Bien sûr, je pourrais utiliser du javascript simple, mais je m'amuse tellement avec jQuery que j'aimerais résoudre ce problème en utilisant jQuery.

Cela devrait fonctionner:

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

Je pense que cela est plus lisible étant donné l'intention:

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

L'utilisation d'enfants prend également en charge le cas où la première ligne contient un tableau en limitant la profondeur de la recherche.

Si vous aviez un élément TBODY, vous pouvez le faire:

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

Si vous avez des éléments THEAD ou TFOOT, vous devrez faire quelque chose de différent.

Une autre façon d'y parvenir est d'utiliser la fonction empty () de jQuery avec les éléments thead et tbody dans votre table.

Exemple de tableau:

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

Et la commande jQuery:

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

Cela supprimera toutes les lignes contenues dans l'élément tbody de votre table et gardera l'élément thead là où votre en-tête devrait être. Cela peut être utile lorsque vous souhaitez actualiser uniquement le contenu d'une table.

Si c'était moi, je le résumerais probablement à un seul sélecteur:

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

Votre sélecteur n'a pas besoin d'être à l'intérieur de votre suppression.

Cela devrait ressembler à quelque chose comme:

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

Ce qui signifie sélectionner chaque ligne sauf la première du tableau avec l'ID de tableID et les supprimer du DOM.

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

Je me souviens que rencontrer cette «tranche» est plus rapide que toutes les autres approches, alors mettez-la ici.

Considérons une table avec id tbl: le code jQuery serait:

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

Pour supprimer toutes les lignes, sauf la première (sauf l'en-tête), utilisez le code ci-dessous:

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

Manière la plus simple:

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

-première référence à la table
-obtenir la liste des éléments et la découper et supprimer les éléments sélectionnés de la liste

-Désolé, c'est une réponse très tardive.

La façon la plus simple que j'ai trouvée pour supprimer une ligne (et toutes les autres lignes par itération) est la suivante:

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

Le reste est facile.

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

enveloppé dans une fonction:

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

puis appelez-le:

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

Cela fonctionne parfaitement

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

Cela a fonctionné de la manière suivante dans mon cas et fonctionne bien

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