Het zoeken van buurelementen in JavaScript

Задание 1

Gegeven element #elem:

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

Zoek zijn bovenbuur en voeg aan het einde de tekst '!' toe.

Задание 2

Gegeven element #elem:

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

Zoek zijn onderbuur en voeg aan het einde de tekst '!' toe.

Задание 3

Gegeven element #elem:

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

Zoek de onderbuur van zijn onderbuur (het volgende element na de buur) en voeg aan het einde de tekst '!' toe.

Задание 4

Gegeven element #elem:

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

Wissel de tekst van zijn bovenbuur en de tekst van zijn onderbuur om.