Elemek szomszédainak keresése JavaScriptben

Задание 1

Adott a #elem elem:

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

Keresse meg a felette lévő szomszédját és adjon hozzá a végéhez '!' szöveget.

Задание 2

Adott a #elem elem:

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

Keresse meg az alatta lévő szomszédját és adjon hozzá a végéhez '!' szöveget.

Задание 3

Adott a #elem elem:

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

Keresse meg az alatta lévő szomszédja alatti szomszédját (a szomszédos elem követőjét) és adjon hozzá a végéhez '!' szöveget.

Задание 4

Adott a #elem elem:

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

Cserélje fel a felette lévő szomszédja és az alatta lévő szomszédja szövegét.