Vyhľadávanie susedných prvkov v JavaScripte

Задание 1

Daný je prvok #elem:

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

Nájdite jeho horného suseda a pridajte mu na koniec text '!'.

Задание 2

Daný je prvok #elem:

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

Nájdite jeho dolného suseda a pridajte mu na koniec text '!'.

Задание 3

Daný je prvok #elem:

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

Nájdite dolného suseda jeho dolného suseda (ďalší prvok za susedným) a pridajte mu na koniec text '!'.

Задание 4

Daný je prvok #elem:

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

Vymeňte text jeho horného suseda a text jeho dolného suseda.