Kwork.ru - услуги фрилансеров от 500 руб.

Дочерние фильтры 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");
...

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

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