jQuery supprimer toutes les lignes de la table sauf premier

Question

À l'aide de jQuery, comment puis-je supprimer toutes les lignes dans une table à l'exception de la première? Ceci est ma première tentative à l'aide de l'indice de sélecteurs. Si je comprends les exemples correctement, la suivante devrait fonctionner:

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

qui, je le lire comme "Enveloppez de la table dans un objet jQuery, puis supprimer tous les 'tr' éléments (lignes) où l'élément d'index de ces lignes est supérieure à zéro". En réalité, il s'exécute sans générer une erreur, mais ne supprime pas les lignes de la table.

Ce qui me manque, et comment puis-je résoudre ce problème? Bien sûr, je pourrais l'utiliser directement en javascript, mais je vais avoir tellement de plaisir avec jQuery que j'aimerais résoudre ce à l'aide de jQuery.

Answer 1

Cela devrait fonctionner :

Answer 2

Je pense que c’est plus lisible étant donné l’objectif :

À l’aide d’enfants s’occupe également du cas où la première ligne contient une table en limitant la profondeur de la recherche.

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

Si vous avez les éléments THEAD ou TFOOT, vous aurez besoin de faire quelque chose de différent.

Answer 3

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

Exemple de tableau :

Et la commande de jQuery :

Cela supprimer toutes les lignes contenues dans l’élément tbody de votre table et conserver l’élément thead où votre tête devrait être. Il peut être utile lorsque vous souhaitez actualiser uniquement le contenu d’une table.

Answer 4

Si c’était moi, j’ai serait probablement il résument à un simple sélecteur :

Answer 5

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

Il devrait ressembler à :

Ce qui signifie sélectionner tous les rangs sauf pour le premier dans la table avec l’ID de tableID et retirez-les du DOM.