SiteIS

jQuery - безграничные возможности в дизайне Вашего сайта!

- Один из самых популярных на сегодня среди веб разработчиков фреймворк

- Позволяет быстро и легко создать потрясающие веб-приложения

- Удивительно красивые анимационные эффекты

- Улучшение пользовательского интерфейса

Главная / jQuery шпаргалки / Выборка элементов / Выборка элемента по индексу

Выборка дочерних нечетных элементов

  • Задача 1:

    - изменить цвет шрифта на #00cc00 всем нечетным элементам li в списке.

    Показать решение

    • Решение:

      $(function () {
	$('ul li:nth-child(even)').css('color', '#00cc00');
});

      Пояснение:

      Для решения задачи с помощью фильтра $('ul li:nth-child(odd)') обращаемся ко всем нечетным пунктам списка и меняем цвет.

      Результат:

      При загрузке страницы, у всех нечетных элементов li в списке изменится цвет шрифта.

  • Задача 2:

    - изменить фоновый цвет на #00cc00 каждому нечетному элементу span во всех блоках div на странице.

    Показать решение

    • Решение:

      $(function () {
	$('div span::nth-child(odd)').css('background', '#00cc00');
});

      Пояснение:

      Для решения задачи с помощью фильтра $('div span::nth-child(odd)') обращаемся ко всем нечетным элементам span, которые вложены в блоки div, и меняем им фоновый цвет.

      Результат:

      При загрузке страницы, у всех нечетных элементов span в блоках div, изменится фоновый цвет.

Автор: Super User