Работа с соседями

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

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

<p>Абзац.</p>
<p>Абзац.</p>
<p id="test">Абзац.</p>
<p>Абзац.</p>
<p>Абзац.</p>

<script>
$('#test').prev().html('!');
</script>

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

<p>Абзац.</p>
<p>Абзац.</p>
<p id="test">Абзац.</p>
<p>Абзац.</p>
<p>Абзац.</p>

<script>
$('#test').next().html('!');
</script>