jQueryのprevメソッドとnextメソッド
特定の要素の上の隣接要素（兄弟要素）を参照するには
prev
メソッドを、下の隣接要素を参照するには
next
メソッドを使います（要素は同じ親要素内にある場合のみ兄弟とみなされることに注意してください）。
例として、以下の段落を考えてみましょう：
<p>テキスト</p>
<p>テキスト</p>
<p id="test">テキスト</p>
<p>テキスト</p>
<p>テキスト</p>
次に、要素 #test を見つけ、
その上の隣接要素のテキストを '!' に設定してみましょう：
$('#test').prev().html('!');
同様の操作を下の隣接要素に対しても行います：
$('#test').next().html('!');
test クラスを持つ要素の直前に位置する
最初の要素を見つけてください。
test クラスを持つ要素の直後に位置する
最初の要素を見つけてください。
