Enfant jquery correspondant trop?

Question

J'importe un flux dans Tumblr et à cause du formatage du site, il montre trop d'images. Donc, pour résoudre ce problème, j'ai pensé que j'utiliserais jquery pour supprimer des éléments supplémentaires.

Il s'avère que le flux importé utilise des tables. Pas de soucis, j'ai fait un appel jquery qui semblait bien fonctionner sur un poste individuel.

(pardon le match laid)

$('.copy div table tbody tr td div table tbody tr td:gt(3)').remove(); 

Cela fonctionne à merveille sur http://apt.jauderho.com/post/127696762/aaman-lamba-hibiscus

Cependant, aller à une page avec plus d'un poste, il semble que le deuxième poste est en cours de traitement dans le cadre de le premier et donc toutes les images sont supprimées à cause du gt (3). Ma compréhension était qu'en utilisant le fragment ci-dessus, je serais capable d'itérer sur chaque poste en laissant seulement 4 images max par poste. Voir http://apt.jauderho.com/

Quelqu'un peut-il me dire ce que je manque? Merci.

Answer 1

Essayez ceci:

$('.copy div table tbody tr td div table tbody tr').find('td:gt(3)').remove(); 

La différence par rapport à l'original est que le find() est exécuté pour chaque tr qui est compensée par le premier sélecteur. Il supprimera tous les td après le 4e td dans chaque tr apparié.