jQuery supprimer toutes les lignes de la table à l'exception de la première

À 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 pourrais lire que "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.

Quelqu'un sait pourquoi le code ne fonctionne pas ? J'ai aussi des problème lors de la mise sélecteur de filtre en fonction de suppression
Maintenant que je comprends mieux, le code ci-dessus ne fonctionne pas parce que $(une table sélecteur sélectionne uniquement l'élément de la table, pas un de ses enfants, donc il n'y a pas 'tr' éléments pour la fonction de suppression de trouver. À l'aide de la fonction de recherche des recherches pour trouver les correspondances entre les enfants de l'élément de la table.
Regardez cette réponse stackoverflow.com/questions/4831334/...

InformationsquelleAutor Ken Paul | 2008-12-15

jquery jquery-selectors

489

Cela devrait fonctionner:
```
$(document).ready(function() {
   $("someTableSelector").find("tr:gt(0)").remove();
});
```
- Merci beaucoup -- qui a parfaitement fonctionné.
- Que faire si je veux supprimer les lignes de la table à l'exception de la première et de la seconde?
- utilisation gt(1) au lieu de gt(0).
- À partir du jQuery site web: Because :gt() is a jQuery extension and not part of the CSS specification, queries using :gt() cannot take advantage of the performance boost provided by the native DOM querySelectorAll() method. For better performance in modern browsers, use $("your-pure-css-selector").slice(index) instead. je vous conseille d'utiliser $("#mytable > tr").tranche(1).remove();
- Votre code est très utile pour moi.
- votre code ne fonctionne pas pour moi.. j'ai changé de gt(0) gt(1) et cela a fonctionné.
InformationsquelleAutor Strelok
108

Je pense que c'est plus lisible compte tenu de l'intention:
```
$('someTableSelector').children( 'tr:not(:first)' ).remove();
```
De l'utilisation d'enfants prend également soin de le cas où la première ligne contient un tableau en limitant la profondeur de la recherche.

Si vous avez eu une TBODY élément, vous pouvez le faire:
```
$("someTableSelector > tbody:last").children().remove();
```
Si vous avez THEAD ou de pied de page des éléments que vous aurez besoin de faire quelque chose de différent.
- Je suis d'accord -- merci. Je souhaite que je pourrais le prix de multiples réponses.
- re: faire quelque chose de différent.... cela fonctionne: $('someTableSelector > tbody:last > tr:not(:first)').remove();
- pour supprimer tous les enfants, j'ai dû utiliser des guillemets. Na pas la reconnaître autrement. $("#tasks").children().remove();
InformationsquelleAutor tvanfosson
37

Une autre façon d'y parvenir est d'utiliser la fonction empty() de jQuery avec le thead et tbody éléments 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 le jQuery de commande:
```
$("#tableId > tbody").empty();
```
Cela supprimera toutes les lignes contenues dans le tbody élément de votre table et de garder l'élément thead où votre tête devrait être. Il peut être utile lorsque vous souhaitez actualiser uniquement le contenu d'une table.
- Cela va probablement avoir la meilleure performance de toutes les solutions proposées, et est très élégant.
InformationsquelleAutor jpmorin
36

Si c'était moi, je serais probablement réduire à un seul sélecteur:
```
$('someTableSelector tr:not(:first)').remove();
```
- D'accord, mais plus spéciques, il doit le dire: $('someTableSelector tbody tr:not(:en premier)').remove();
InformationsquelleAutor Dave Ward
29

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

Il devrait ressembler à quelque chose comme:
```
$("#tableID tr:gt(0)").remove();
```
Qui signifie sélectionner toutes les lignes sauf la première dans la table avec l'ID de tableID et de les retirer de la DOM.
- Je suis d'accord. Dans mon cas, l'objet de la table avait été précédemment sélectionné.
- en quelque sorte, c'est la seule qui a fonctionné pour moi
- Pour Supprimer toutes les lignes sauf la première :- $("#tableID tr:gt(1)").remove();
InformationsquelleAutor CMPalmer
6

Envisager une table avec id tbl: le jQuery, le code serait:
```
$('#tbl tr:not(:first)').remove();
```
InformationsquelleAutor Sanket Utekar
6
```
$('#table tr').slice(1).remove();
```
Je me souviens de venir à travers cette "tranche" est plus rapide que toutes les autres approches, donc il suffit de le mettre ici.
- Certains, il ne fonctionne pas pour moi. L'on a accepté la réponse semble faire l'affaire.
- étonnamment, il apporte un résultat merveilleux
InformationsquelleAutor Makubex
1

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

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

InformationsquelleAutor Biki
0

-Désolé, c'est très retard de réponse.

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

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

Le reste est facile.

InformationsquelleAutor Farjad

 
$("#p-éléments").find( 'tr.ligne-articles' ).remove();

InformationsquelleAutor Pramod

enveloppé dans une fonction:

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

ensuite l'appeler:

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

InformationsquelleAutor PodTech.io

0

Cela fonctionne parfaitement
```
$("#myTable tbody").children( 'tr:not(:first)' ).html("");
```
- Oui, ça a déjà été posté plusieurs fois avant. Quelque chose de nouveau?
InformationsquelleAutor Infolet.org
0

Ce système a fonctionné de la manière suivante dans mon cas et fonctionne bien
```
$("#compositeTable").find("tr:gt(1)").remove();
```
InformationsquelleAutor saadk
0

Façon la plus simple :
```
$("#mytable").find($("tr")).slice(1).remove()
```
-première référence de la table

-obtenir la liste des éléments et coupez-le en tranches et de supprimer les éléments sélectionnés de la liste

InformationsquelleAutor Pytholabs

Vous devez vous connecter pour publier un commentaire.