Прогнозирование - предки

Предшественники - это отец, дедушка или прадедушка и т.д.

С помощью jQuery вы можете итерировать вверх по DOM-дереву, чтобы найти предшественников элементов.

Итерация вверх по DOM-дереву

Эти методы jQuery очень полезны, они используются для итерации вверх по DOM-дереву:

  • parent()
  • parents()
  • parentsUntil()

jQuery метод parent()

Метод parent() возвращает прямой родитель выбранного элемента.

Этот метод делает итерацию только на один уровень DOM-дерева.

Ниже приведен пример, который возвращает прямой родитель каждого элемента <span>:

Пример

$(document).ready(function(){
  $("span").parent();
});

Попробуйте сами

jQuery метод parents()

Метод parents() возвращает все предшественники выбранного элемента, он идет до корневого элемента документа (<html>).

Ниже приведен пример, который возвращает всех предшественников всех элементов <span>:

Пример

$(document).ready(function(){
  $("span").parents();
});

Попробуйте сами

Вы также можете использовать опциональные параметры для фильтрации поиска предшественников.

Ниже приведен пример, который возвращает всех предшественников элементов <span>, и это элемент <ul>:

Пример

$(document).ready(function(){
  $("span").parents("ul");
});

Попробуйте сами

jQuery метод parentsUntil()

Метод parentsUntil() возвращает все предшественники между двумя заданными элементами.

Ниже приведен пример, который возвращает все предшественники элементов <span> и <div>:

Пример

$(document).ready(function(){
  $("span").parentsUntil("div");
});

Попробуйте сами

jQuery руководство по итерации

Чтобы узнать все методы итерации jQuery, пожалуйста, посетите наш jQuery руководство по итерации。