Elementu kaimiņu meklēšana JavaScript

Задание 1

Dots elements #elem:

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

Atrodiet tā augšējo kaimiņu un pievienojiet tam beigās tekstu '!'.

Задание 2

Dots elements #elem:

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

Atrodiet tā apakšējo kaimiņu un pievienojiet tam beigās tekstu '!'.

Задание 3

Dots elements #elem:

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

Atrodiet tā apakšējā kaimiņa apakšējo kaimiņu (nākamo elementu aiz kaimiņa) un pievienojiet tam beigās tekstu '!'.

Задание 4

Dots elements #elem:

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

Samainiet vietām tā augšējā kaimiņa tekstu un tā apakšējā kaimiņa tekstu.