Претрага суседних елемената у JavaScript-у

Задание 1

Дат је елеменат #elem:

html<ul>
  <li>text</li>
  <li>text</li>
  <li id="elem">text</li>
  <li>text</li>
  <li>text</li>
</ul>

Пронађите његовог горњег суседа и додајте му на крај текст '!'.

Задание 2

Дат је елеменат #elem:

html<ul>
  <li>text</li>
  <li>text</li>
  <li id="elem">text</li>
  <li>text</li>
  <li>text</li>
</ul>

Пронађите његовог доњег суседа и додајте му на крај текст '!'.

Задание 3

Дат је елеменат #elem:

html<ul>
  <li>text</li>
  <li>text</li>
  <li id="elem">text</li>
  <li>text</li>
  <li>text</li>
</ul>

Пронађите доњег суседа његовог доњег суседа (следећи елеменат иза суседног) и додајте му на крај текст '!'.

Задание 4

Дат је елеменат #elem:

html<ul>
  <li>text1</li>
  <li>text2</li>
  <li id="elem">text3</li>
  <li>text4</li>
  <li>text5</li>
</ul>

Замењените места тексту његовог горњег суседа и тексту његовог доњег суседа.