мое новое расписание: пн-пт с 8.00 по 16.00 по москве, сб и вс - выходные; после 16.00 и на вых. отвечаю по возможности

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

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

Дан элемент #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>

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