SiteIS

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

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

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

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

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

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

Метод: .next();

  • Задача 1:

    - обвести красной рамкой (#cc0000) элемент, который следует сразу же за элементом span, расположенном в блоке с классом first.

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

      $(function () {
      	$('div.first span').next().css('border', '1px solid #cc0000');
      });
      

      Пояснение:

      - Для решения задачи с помощью селектора $('div.first span') выберем все элементы span, которые являются дочерними элементами блока с классом first. С помощью метода .next() отберем каждый элемент, расположенный сразу же за span и обведем его красной рамкой. Если за элементом span не следует никаких объектов, то ничего отобрано не будет.

      Результат:

      При загрузке страницы, к которой подключен скрипт, элементы, которые расположены сразу же за элементами span будут обведены красной рамкой.

  • Задача 2:

    - обвести красной рамкой (#cc0000) только div элементы, которые расположены сразу же после элементов span и находятся с ними на одном уровне вложенности.

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

      $(function () {
      	$('span').next('div').css('border', '1px solid #cc0000');
      });
      

      Пояснение:

      - Для решения задачи с помощью селектора $('span') выберем все элементы span на странице. С помощью метода .next('div') находим элементы div, которые расположены сразу же за span и обводим их красной рамкой. Следует обратить внимание, что если за элементом span не находится ни одного блока div, то ничего отобрано не будет.

      Результат:

      При загрузке страницы, к которой подключен скрипт, все элементы div, которые расположены сразу же за span, будут обведены красной рамкой.

Автор: Super User