Pretraga susednih elemenata u JavaScript-u

Задание 1

Dat je element #elem:

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

Pronađite njegovog suseda iznad i dodajte mu na kraj tekst '!'.

Задание 2

Dat je element #elem:

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

Pronađite njegovog suseda ispod i dodajte mu na kraj tekst '!'.

Задание 3

Dat je element #elem:

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

Pronađite njegovog suseda ispod njegovog suseda ispod (sledeći element nakon susednog) i dodajte mu na kraj tekst '!'.

Задание 4

Dat je element #elem:

html<ul>
  <li>tekst1</li>
  <li>tekst2</li>
  <li id="elem">tekst3</li>
  <li>tekst4</li>
  <li>tekst5</li>
</ul>

Zamenite mesta tekstu njegovog suseda iznad i tekstu njegovog suseda ispod.