Búsqueda de elementos vecinos en JavaScript

Задание 1

Dado el elemento #elem:

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

Encuentra su vecino superior y agrega al final del mismo el texto '!'.

Задание 2

Dado el elemento #elem:

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

Encuentra su vecino inferior y agrega al final del mismo el texto '!'.

Задание 3

Dado el elemento #elem:

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

Encuentra el vecino inferior de su vecino inferior (el siguiente elemento después del vecino) y agrega al final del mismo el texto '!'.

Задание 4

Dado el elemento #elem:

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

Intercambia el texto de su vecino superior con el texto de su vecino inferior.