Søgning efter nabo-elementer i JavaScript

Задание 1

Givet elementet #elem:

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

Find dets nabo ovenover og tilføj tekst '!' til slutningen af det.

Задание 2

Givet elementet #elem:

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

Find dets nabo nedenunder og tilføj tekst '!' til slutningen af det.

Задание 3

Givet elementet #elem:

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

Find naboen nedenunder for dets nabo nedenunder (næste element efter den næste) og tilføj tekst '!' til slutningen af det.

Задание 4

Givet elementet #elem:

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

Bytt om på teksten fra dets nabo ovenover og teksten fra dets nabo nedenunder.