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('!');
Задание 1
test класы бар элементтің дереу алдында тұратын бірінші элементті табыңыз.
Задание 2
test класы бар элементтің дереу артында тұратын бірінші элементті табыңыз.