Иногда в сценарии может потребоваться выбрать следующий элемент в DOM-структуре. Конструкция такого селектора включает в себя указание элемента, определенного как начальный (здесь можно использовать любой селекторный шаблон), знак "плюс" (+) и селектор, выбирающий элемент, определенный как следующий:
     начальный+следующий

 
Проверьте, как это работает, введя в консоли следующую команду:
$(".foo+p");
Так как в нашем тестовом документе есть только один элемент с классом f оо, будет возвращен лишь один элемент абзаца.

____________________
>>> $(".foo+p")
[p] 

____________________

    
Далее создайте более общий запрос и выберите абзацы, каждый из которых следует непосредственно за каким-либо абзацем:
$('p+p');

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

____________________

>>> $('p+p')
[p.foo, p, p#bar]

____________________

В результирующий набор вошли второй, третий и четвертый абзацы HTML-разметки.