Метод parents

Метод parents получает всех родителей элемента - не только непосредственного, но и прародителя, прапрародителя и так далее до корневого элемента (то есть до тега html).

Синтаксис

Получение всех родителей для элементов:

javascript.parents();

Можно также выбрать родителей, только если они удовлетворяет заданному селектору:

javascript.parents(селектор);

Пример

Давайте найдем элемент #test, затем найдем всех его родителей с помощью parents и, если это родители div с классом www, то поставим им в начало текст '!' с помощью prepend:

html<div>
  <div class="www">
    <div class="www">
      <p id="test">text</p>
    </div>
  </div>
</div>

javascript$('#test').parents('div.www').prepend('!');

HTML код станет выглядеть так:

html<div>
  <div class="www">
    !
    <div class="www">
      !<p id="test">text</p>
    </div>
  </div>
</div>

Смотрите также