Обход jQuery -Соседние элементы

Соседние элементы имеют один и тот же родительский элемент.

С помощью jQuery можно перемещаться вбок по дереву DOM, чтобы найти соседние элементы данного элемента.

Обход по горизонтали в дереве DOM

Существует много полезных методов для горизонтального обхода дерева DOM:

• siblings()
• next()
• nextAll()
• nextUntil()
• prev()
• prevAll()
• prevUntil()

Метод siblings() в jQuery

Метод siblings() возвращает все соседние элементы выбранного элемента.

Следующий пример возвращает все соседние элементы <h2>:

Вы также можете использовать необязательный параметр для фильтрации поиска соседних элементов.

Следующий пример возвращает все элементы <p>, которые являются соседними с <h2>:

Метод jQuery next()

Метод next() возвращает следующий соседний элемент выбранного элемента.

Этот метод возвращает только один элемент.

Следующий пример возвращает следующий соседний элемент после <h2>:

Метод jQuery nextAll()

Метод nextAll() возвращает все последующие соседние элементы выбранного элемента.

Следующий пример возвращает все последующие соседние элементы <h2>:

Метод jQuery nextUntil()

Метод nextUntil() возвращает все следующие элементы того же уровня между двумя заданными аргументами.

В следующем примере возвращаются все элементы того же уровня между элементами <h2> и <h6>:

Методы jQuery prev(), prevAll() и prevUntil()

Методы prev(), prevAll() и prevUntil() работают аналогично вышеуказанным методам, за исключением того, что они идут в противоположном направлении: они возвращают предыдущие элементы того же уровня (обход предыдущих элементов того же уровня для элемента в дереве DOM, а не следующих элементов того же уровня).