Метод parent в jQuery
Мы с вами уже немного разбирали метод
parent,
когда обсуждали псевдокласс
parent.
Напоминаю, что метод parent и селектор parent
делают разные вещи, первый находит родителя элемента, а
второй все непустые элементы (являющиеся родителями).
В следующем примере мы найдем элемент #test,
затем найдем его родителя с помощью parent
и поставим ему текст '!'. Пусть у нас есть
следующий HTML код:
<p>outside</p>
<div>
<p>inside</p>
<p>inside</p>
<p id="test">inside</p>
<p>inside</p>
<p>inside</p>
</div>
<p>outside</p>
А теперь мы прописываем метод parent в
Javascript код:
$('#test').parent().html('!');
Не забывайте про то, что в этот метод можно передавать селектор, для дополнительной фильтрации родителей.
Найдите родителя элемента с классом
www и покрасьте его в красный
цвет.
Найдите родителей всех тегов b
и сделайте их красным цветом.
Найдите родителей всех тегов b, и те,
которые имеют класс test
покрасьте в красный цвет.