Элемент jQuery + следующий селектор

❮ Селекторы jQuery

Пример

Выберите элемент <p>, который находится рядом с каждым элементом <div>:

$("div + p")

Определение и использование

Селектор ("элемент + следующий") выбирает "следующий" элемент указанного "элемента". «Следующий» элемент должен быть размещен сразу после указанного «элемента», который необходимо выбрать.

Пример: если у вас есть два элемента <p> сразу после элемента <div>, этот синтаксис:

  • $("div + p") - выберет только первый элемент <p>, потому что это следующий элемент элемента <div> (другой элемент <p> будет проигнорирован)

Пример: если у вас есть элемент <h2> сразу после элемента <div>, а затем элемент <p>, этот синтаксис:

  • $("div + p") - не будет выбирать элемент <p>, потому что следующим элементом элемента <div> является элемент <h2>

Примечание. Оба указанных элемента должны иметь одного и того же родителя.


Синтаксис

("element + next")

Parameter Description
element Required. Any valid jQuery selector
next Required. Specifies the element that should be the next element of the element parameter

Попробуйте сами — пример


Как выбрать элемент <div> рядом с каждым элементом <ul>.


❮ Селекторы jQuery