jQueryのprevメソッドとnextメソッド

特定の要素の上の隣接要素（兄弟要素）を参照するには prev メソッドを、下の隣接要素を参照するには next メソッドを使います（要素は同じ親要素内にある場合のみ兄弟とみなされることに注意してください）。

例として、以下の段落を考えてみましょう：

html<p>テキスト</p>
<p>テキスト</p>
<p id="test">テキスト</p>
<p>テキスト</p>
<p>テキスト</p>

次に、要素 #test を見つけ、 その上の隣接要素のテキストを '!' に設定してみましょう：

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

同様の操作を下の隣接要素に対しても行います：

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