Работа с соседями
С помощью метода .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>