jquery - obtenir toutes les lignes sauf la première et la dernière

Question

Je veux ajouter dynamiquement une classe à toutes les lignes d'un tableau, à l'exception de la première et de la dernière ligne. Comment puis-je faire cela sans attribuer une classe css aux lignes pour les identifier ? J'obtiens actuellement toutes les lignes sauf la première avec

$("#id").find("tr:gt(0)")

Je dois combiner cela avec not("tr:last") d'une manière ou d'une autre peut-être ?

Answer 1

Laissez tomber le gt() car je suppose que c'est un peu plus lent que :first .

Utilisez not() en collaboration avec :first y :last :

$('table#tbl > tbody > tr').not(':first').not(':last').addClass('highlight');

La plupart des navigateurs ajoutent automatiquement un tbody dans le balisage de la table s'il est manquant, c'est pourquoi le sélecteur d'enfants immédiat échouait - il n'y avait pas d'élément <tr> en tant qu'enfants immédiats de l'élément <table> étiquette.

Je ne suis pas sûr à 100% que ce soit la façon dont tous les navigateurs procèdent, il serait donc plus sûr d'ajouter simplement l'élément <tbody> manuellement. Sinon, vous devez renifler un peu et vous ne pouvez pas le faire en une seule fois :

if($('table#tbl > tbody').size() > 0) {
    $('table#tbl > tbody > tr').not(':first').not(':last').addClass('highlight');
} else {
    $('table#tbl > tr').not(':first').not(':last').addClass('highlight');
}

J'espère que cela résoudra votre problème !

Answer 2

Essayez ça :

.not(':first').not(':last')

Answer 3

Pourquoi pas juste ça ?

$('table tr:not(:first-child):not(:last-child)');

fonctionne pour moi.

Answer 4

Il est étrange que les suggestions affichées n'aient pas fonctionné, elles devraient toutes fonctionner ! MAIS...

Si cela n'a pas fonctionné, faites-le de cette manière : .... légèrement plus lent mais qui doit fonctionner ! ESSAYEZ :

$('table#tbl tr').addClass('highlight');
$('table#tbl tr:first-child').removeClass('highlight');
$('table#tbl tr:last-child').removeClass('highlight');