jQuery Пробежка - метод parent()

Руководство по遍жению jQuery

Пример

Найти родительские элементы каждого абзаца с классом "selected":

$("p").parent(".selected")

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

Определение и использование

Метод parent() получает родительский элемент каждого элемента в текущем наборе соответствующих элементов, использование селектора для фильтрации является опциональным.

.parent(selector)
Параметр Описание
selector Строковое значение, содержащее селектор expressions для匹配а элементов.

Подробное описание

Если предоставлен объект jQuery, представляющий набор элементов DOM, метод .parent() позволяет нам искать родительские элементы этих элементов в дереве DOM и создавать новый объект jQuery из соответствующих элементов..parents(); Как и метод .parent(), но不同的是, он перемещается по дереву DOM на один уровень вверх.

Этот метод принимает опциональное выражение селектора, аналогичное типу параметра, передаваемого функции $(). Если используется этот селектор, то элементы фильтруются с помощью проверки соответствия селектору.

Размышляйте о странице с базовым вложенным списком:

<ul class="level-1">
  <li class="item-i">I</li>
  <li class="item-ii">II
    <ul class="level-2">
      <li class="item-a">A</li>
      <li class="item-b">B
        <ul class="level-3">
          <li class="item-1">1</li>
          <li class="item-2">2</li>
          <li class="item-3">3</li>
        </ul>
      </li>
      <li class="item-c">C</li>
    </ul>
  </li>
  <li class="item-iii">III</li>
</ul>

Если мы начинаем с элемента A, то можем найти его родительский элемент:

$('li.item-a');.parent();.css('background-color', 'red');

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

Результат вызова этого метода - установление красного фона для списка уровня-2. Поскольку мы не использовали селектор, родительский элемент естественно стал частью объекта. Если используется селектор, то перед включением элементов проверяется, соответствуют ли они селектору.

Руководство по遍жению jQuery