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 класы бар элементтің дереу артында тұратын бірінші элементті табыңыз.