Търсене на съседни елементи в JavaScript

Задание 1

Даден е елемент #elem:

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

Намерете горния му съсед и добавете в края му текст '!'.

Задание 2

Даден е елемент #elem:

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

Намерете долния му съсед и добавете в края му текст '!'.

Задание 3

Даден е елемент #elem:

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

Намерете долния съсед на долния му съсед (следващия елемент след съседния) и добавете в края му текст '!'.

Задание 4

Даден е елемент #elem:

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

Разменете текста на горния му съсед и текста на долния му съсед.