Metoda parent() jQuery do przeglądania

Podręcznik do przeglądania jQuery

Przykład

Znajdź elementy nadrzędne każdego akapitu z klasą "selected":

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

Spróbuj sam

Definicja i zastosowanie

parent() uzyskuje element nadrzędny każdego elementu w zbiorze dopasowanych elementów, filtrowanie za pomocą wyrażenia selekcyjnego jest opcjonalne.

.parent(selector)
Parametr Opis
selector Wartość ciągła, zawierająca wyrażenie selekcyjne do dopasowania elementów.

Szczegółowe wyjaśnienie

Jeśli podamy obiekt jQuery reprezentujący zestaw elementów DOM, metoda .parent() pozwala nam przeszukać te elementy w drzewie DOM i utworzyć nowy obiekt jQuery z dopasowanych elementów..parents() Podobnie jak metoda .parent(), różni się tym, że druga przechodzi przez jedno poziom DOM drzewa.

Ta metoda akceptuje opcjonalne wyrażenie selekcyjne, które jest tego samego typu, co parametr przekazywany do funkcji $(). Jeśli zastosujemy ten selektor, prześledzimy elementy za pomocą wyrażenia selekcyjnego.

Pomyśl o tej stronie z podstawową wcięcia listy:

<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>

Jeśli zaczniemy od elementu A, możemy znaleźć jego element nadrzędny:

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

Spróbuj sam

Wynik tego wywołania to ustawienie czerwonego tła dla listy level-2. Ponieważ nie zastosowaliśmy wyrażenia selekcyjnego, naturalnie stał się on częścią obiektu. Jeśli zastosowaliśmy wyrażenie selekcyjne, sprawdzimy, czy element pasuje do wyrażenia selekcyjnego przed jego zawartością.

Podręcznik do przeglądania jQuery