Методы prev и next в jQuery

С помощью метода prev можно обратиться к соседу сверху для определенного элемента, а с помощью next - к соседу снизу (учтите, что элементы считаются соседями только внутри одного родителя).

Для примера возьмем следующие абзацы:

<p>text</p>
<p>text</p>
<p id="test">text</p>
<p>text</p>
<p>text</p>

Теперь найдем элемент #test и его соседу сверху поставим текст '!':

$('#test').prev().html('!');

А теперь выполним аналогичную операцию с соседом снизу:

$('#test').next().html('!');

Найдите первый элемент, который стоит непосредственно перед элементом с классом test.

Найдите первый элемент, который стоит непосредственно за элементом с классом test.