Hledání sousedních elementů v JavaScriptu

Задание 1

Je dán element #elem:

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

Najděte jeho horního souseda a přidejte mu na konec text '!'.

Задание 2

Je dán element #elem:

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

Najděte jeho dolního souseda a přidejte mu na konec text '!'.

Задание 3

Je dán element #elem:

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

Najděte dolního souseda jeho dolního souseda (následující element za sousedním) a přidejte mu na konec text '!'.

Задание 4

Je dán element #elem:

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

Vyměňte text jeho horního souseda s textem jeho dolního souseda.