Căutarea elementelor învecinate în JavaScript

Задание 1

Este dat elementul #elem:

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

Găsiți vecinul său de deasupra și adăugați la sfârșit textul '!'.

Задание 2

Este dat elementul #elem:

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

Găsiți vecinul său de dedesubt și adăugați la sfârșit textul '!'.

Задание 3

Este dat elementul #elem:

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

Găsiți vecinul de dedesubt al vecinului său de dedesubt (elementul următor după cel vecin) și adăugați la sfârșit textul '!'.

Задание 4

Este dat elementul #elem:

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

Schimbați între ele textul vecinului său de deasupra și textul vecinului său de dedesubt.