Пошук суседніх элементаў у 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>

Памяняйце месцамі тэкст яго суседа зверху і тэкст яго суседа знізу.