Нахождение элементов по родственным связям

Потомки элементов

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

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

Найдите первого потомка этого элемента и сделайте его текст красного цвета.

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

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

Найдите последнего потомка этого элемента и сделайте его текст красного цвета.

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

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

Найдите всех потомков этого элемента и добавьте им в конец текст '!'.

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

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

Найдите его родителя и задайте ему красную границу.

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

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

Найдите его родителя его родителя и задайте ему красную границу.

Дан элемент:

<header>
	<div>
		<p>
			<span id="elem"></span>
		</p>
	</div>
</header>

Найдите ближайшего родителя этого элемента, являющегося тегом div.

Дан элемент:

<header>
	<div class="www">
		<p class="www">
			<span id="elem"></span>
		</p>
	</div>
</header>

Найдите ближайшего родителя этого элемента, являющегося элементом с классом www.

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

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

Найдите его соседа сверху и добавьте ему в конец текст '!'.

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

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

Найдите его соседа снизу и добавьте ему в конец текст '!'.

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

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

Найдите его соседа снизу его соседа снизу (следующий элемент за соседним) и добавьте ему в конец текст '!'.

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

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

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