SiteIS

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

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

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

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

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

Отбор одноуровневых элементов

Метод: .siblings();

  • Задача 1:

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

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

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

      Пояснение:

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

      Результат:

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

  • Задача 2:

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

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

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

      Пояснение:

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

      Результат:

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

Автор: Super User