SiteIS

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

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

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

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

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

Выбор всех предыдущих элементов

Метод: .prevAll();

  • Задача 1:

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

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

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

      Пояснение:

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

      Результат:

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

  • Задача 2:

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

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

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

      Пояснение:

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

      Результат:

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