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

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

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

Блог про WordPress
Добавить комментарий

Получать новые комментарии по электронной почте.