Все, что находится в обертке 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"); ...