Метод parentsUntil - получение родительских элементов
Метод parentsUntil получает
всех родителей элемента - не только непосредственного,
но и прародителя, прапрародителя и так далее
до корневого элемента (то есть до тега
html).
При этом поиск родителей заканчивается по
достижению родителя, попадающего под селектор,
указанного параметром этого метода.
Синтаксис
Поиск родителя до родителя, подпадающего под селектор, селектором может выступать DOM узел, выражение или объект jQuery, также можно воспользоваться вторым параметром для дополнительной фильтрации. Оба параметра являются необязательными:
.parentsUntil([селектор], [фильтр]);
Селектор можно и не указывать, в этом случае
метод будет вести себя аналогично методу
parents:
.parentsUntil();
Пример
Давайте найдем элемент #test затем
найдем всех его родителей до элемента с классом
zzz с помощью parentsUntil и
поставим им в начало текст '!' с помощью
prepend:
<div>
<div class="zzz">
<div class="www">
<div class="www">
<p id="test">text</p>
</div>
</div>
</div>
</div>
$('#test').parentsUntil('.zzz').prepend('!');
HTML код станет выглядеть так:
<div>
<div class="zzz">
<div class="www">
!
<div class="www">
!<p id="test">text</p>
</div>
</div>
</div>
</div>
Смотрите также
-
метод
parent,
который позволяет получить непосредственного родителя элемента -
метод
closest,
который позволяет получить ближайший родительский элемент, удовлетворяющий селектору -
метод
parents,
который позволяет получить всех родителей элемента -
метод
children,
который позволяет получить потомков элемента