Latest web development tutorials

Rodzice jQuery () metoda

Metody traversal jQuery Metody traversal jQuery

Przykłady

Powrót <span> wszystkie elementy przodka

$(document).ready(function(){
$("span").parents().css({"({"color":"red","border":"2px solid red"});
});

wynik:

body (great-great-grandparent)
div (great-grandparent)
    ul (grandparent)
  • li (direct parent) span

Spróbuj »

Definicja i Wykorzystanie

Metoda rodzice () zwraca przodek wszystkich elementów wybranego elementu.

Przodkowie ojciec, dziadek, pradziadek, i tak dalej.

DOM drzewa: Ta metoda przemierza przodków znad elementu nadrzędnego elementu DOM, aż wszystkie ścieżki elementu głównego dokumentu (<html>).

Uwaga: Jeżeli parametr filtru jest pusta, proces bezpośrednio z elementu nadrzędnego do <body> i <html> zaznaczyć wszystkie ścieżki elementów w kolekcji wszystkich przodków. Tak mijają wąski zakres wyszukiwania wyrażenia selektora wyników jest bardzo przydatna.

Ta metoda najbliżej () są przechodzenie w górę drzewa DOM, różnica jest:

rodzice ()

  • Zaczynając od elementu nadrzędnego
  • Wzdłuż DOM przechodzenie drzewa w górę i zwraca wyrażenie pasuje do wszystkich przodków przeszły
  • Zwraca zero, jeden lub więcej elementów obiektu jQuery

Najbliżej ()

  • Począwszy od bieżącego elementu
  • Pierwszy przodek przechodzenie po drzewie DOM w górę i zwraca wyraz pasujący przekazany
  • Zwraca zero lub jeden element obiektu jQuery

Inne pokrewne metody:

  • parent () - Zwraca bezpośredniego elementu nadrzędnego wybranego elementu
  • parentsUntil () - Zwraca wszystkich przodków parametrów elementów między nimi do

gramatyka

$(selector).parents( filter )

参数 描述
filter 可选。规定缩小搜索祖先元素范围的选择器表达式。

注意:如需返回多个祖先,请使用逗号分隔每个表达式。

Przykłady

Więcej przykładów

Zawężenie wyszukiwania
Jak używać parametru filtra, aby powrócić <span> wszyscy przodkowie elementu <ul>.

Zwracać wiele przodków
Jak używać parametru filtra, aby powrócić <span> wszystkie przodków <li> i <div> elementów.

Demo przodka element name tag
Demo <span> przodkowie elementu.


Metody traversal jQuery Metody traversal jQuery