Elementide naabrite otsimine JavaScriptis

Задание 1

Antud element #elem:

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

Leidke selle ülemine naaber ja lisage sellele lõppu tekst '!'.

Задание 2

Antud element #elem:

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

Leidke selle alumine naaber ja lisage sellele lõppu tekst '!'.

Задание 3

Antud element #elem:

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

Leidke selle alumise naabri alumine naaber (järgmine element naabri järel) ja lisage sellele lõppu tekst '!'.

Задание 4

Antud element #elem:

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

Vahetage ülemise naabri tekst ja alumise naabri tekst omavahel.