SiteIS

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

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

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

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

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

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

Выбор соседнего элемента

  • Задача 1:

    - выбрать все элементы, являющимися сестринскими по отношению к абзацам, находящимся на странице и изменить для них цвет шрифта на #00cc00.

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

    • Решение:

      $(function () {
	$('p + *').css('color','#00cc00');
});

      Пояснение:

      Для решения задачи с помощью селектора $('p + *') обращаемся к любому элементу, расположенному сразу же после абзаца и являющегося сестринским по отношению к этому абзацу. С помощью метода .css(); изменяем цвет шрифта в соседнем с абзацем элементе. Следует учитывать, что цвет шрифта изменится только у одного соседнего элемента, расположенного после абзаца.

      Результат:

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

  • Задача 2:

    - выбрать все элементы span, являющимися сестринскими по отношению к абзацам, находящимся на странице и изменить для них цвет шрифта на #00cc00.

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

    • Решение:

      $(function () {
	$('p + span').css('color','#00cc00');
});

      Пояснение:

      Для решения задачи с помощью селектора $('p + span') обращаемся элементу span, расположенному сразу же после абзаца и являющегося сестринским по отношению к этому абзацу. С помощью метода .css(); изменяем цвет шрифта в соседнем с абзацем элементе span. Следует учитывать, что цвет шрифта изменится только у элемента span, расположенного сразу же после абзаца. Если вслед за абзацем будет расположен другой элемент, то изменений не будет.

      Результат:

      При загрузке страницы, у всех сестринских эелементов span, расположенных сразу же после абзацев и находящихся с абзацем на одном уровне цвет шрифта станет зеленым.

Автор: Super User