Дочерние фильтры jQuery

Дата публикации:Февраль 11, 2011

Все, что находится в обертке jQuery, представляет собой массив, для обработки которого отлично подойдут дочерние фильтры. Их удобство максимально раскрывается при работе с элементами списков определений и пунктами обычных списков. По умолчанию WordPress распределяет весь ссылочный контент по элементам li и галереям, которые создаются путем обертывания изображений и их описаний в списки определений (элементы dt dd).

:nth-child(number/even/odd) jQuery(«.linkcat li:nth-child(1)»).css(«background», «#f60»); Заносит в выборку элементы, являющиеся n-ным дочерним элементом заданного селектора. Примечание: нумерация начинается с единицы.
:first-child jQuery(«.linkcat li:first-child»).css(«background», «#f60»); Заносит в выборку элемент, являющийся первым дочерним элементом заданного родителя.
:last-child jQuery(«.linkcat li:last-child»).css(«background», «#f60»); Заносит в выборку элемент, являющийся последним дочерним элементом заданного родителя.
:only-child jQuery(«.pagenav li:only-child»).css(«background», «#f60»); Заносит в выборку элементы, являющиеся единственными дочерними элементами заданного родителя. Если родитель обладает несколькими дочерними элементами, выборка останется пустой.

Посмотрим на фильтр :only-child в действии:

...
jQuery("li:only-child").css("background", "#f60");
...

Теперь посмотрим, как работает фильтр .nth-child (на примере списка Meta в сайдбаре):

 ...
jQuery(".widget_meta li:nth-child(odd)").css("background", "#f60");
...

Поделиться

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.

Предыдущая запись:

Следующая запись: