JQuery дочернее соответствие слишком много?

Question

Я импортирую фид в Tumblr и из-за форматирования сайта он показывает слишком много картинок. Поэтому, чтобы исправить это, я решил использовать jquery для удаления лишних элементов.

Получается, что в импортированном фиде используются таблицы. Не беспокойтесь, я позвонил в jquery, который, похоже, отлично работал на отдельном посту.

(простите за уродливый матч)

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

Это работает плавно на http://apt.jauderho.com/post/127696762/aaman-lamba-hibiscus

Однако, переходя на страницу с более чем одним сообщением, похоже, что второе сообщение обрабатывается как часть первого, и, следовательно, все картинки удаляются из-за gt (3). Насколько я понимаю, используя приведенный выше фрагмент, я смогу выполнять итерации для каждого поста, оставляя максимум 4 изображения на пост. Смотри http://apt.jauderho.com/

Может кто-нибудь сказать мне, что мне не хватает? Спасибо.

Answer 1

Попробуйте это:

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

Отличие от оригинала в том, что find() выполняется для каждого tr, который соответствует первому селектору. Он будет удалять каждые td после 4-го td в каждом совпавшем tr.