The rodič() metoda v jQuery najde přímého rodiče daného selektoru. Je to funkce vestavěná v jQuery. Tato metoda projde pouze o jednu úroveň výše ve stromu DOM a vrátí přímého rodiče vybraného prvku.
The rodič() metoda je podobná rodiče() metodu, protože obě cestují do stromu DOM a vracejí rodičovský prvek. Rozdíl je ale v tom, že rodiče() metoda prochází více úrovní ve stromu DOM a vrací všechny předky, včetně prarodiče, praprarodiče atd. daného selektoru, přičemž rodič() metoda projde o jednu úroveň výš a vrátí pouze přímého rodiče daného selektoru.
Syntax
$(selector).parent(filter)
The volič ve výše uvedené syntaxi představuje vybraný prvek, jehož rodič má být prohledán. The filtr ve výše uvedené syntaxi je volitelný parametr, který určuje výraz selektoru, který se používá k zúžení vyhledávání.
excel odstranit první znak
Příklad1
V tomto příkladu nepoužíváme volitelný parametr the rodič() metoda. Zde je prvek div, který obsahuje a ul prvek, nadpis h2 a prvek odstavce.
Uplatňujeme rodič() metoda pro hledání rodiče nadpisu h2. Pokud použijeme rodiče() namísto použití metody rodič() metodou budou zvýrazněni všichni předci nadpisu h2 včetně prvku těla.
.main *{ font-size: 20px; border: 2px solid black; color: black; padding: 10px; margin: 17px; } function fun(){ $(document).ready(function(){ $('h2').parent().css({ 'font-size': '30px', 'color': 'blue', 'border': '6px dashed blue'}); }); } div <ul> ul <h2> Heading h2 <p> Paragraph element </p> </h2> </ul> click me Otestujte to hned Výstup:
Po provedení výše uvedeného kódu bude výstupem -
es5 vs es6
Po kliknutí na dané tlačítko bude výstupem -
Příklad2
V tomto příkladu používáme volitelný parametr the rodič() metoda k nalezení rodiče prvního prvku odstavce. Zde je více než jeden odstavec, ale musíme najít rodiče prvního prvku odstavce. Takže předáváme pseudoselektor ( :První ) jako volitelnou hodnotu rodič() metoda.
.main *{ font-size: 20px; border: 2px solid black; color: black; padding: 5px; margin: 10px; } function fun() { $(document).ready(function(){ $('p').parent(':first').css({'color': 'blue', 'border': '3px dashed blue'}); }); } body div1 div2 <h2> h2 <p> Paragraph element </p> </h2> <h2> h2 <p> Paragraph element </p> </h2> click me Po provedení výše uvedeného kódu bude výstupem -
Po kliknutí na dané tlačítko bude výstupem -
Příklad3
V tomto příkladu používáme volitelný parametr the rodič() metoda pro nalezení konkrétního rodiče daného selektoru. Zde jsou tři prvky odstavce s různými rodiči. Nalézáme h2 rodič prvku odstavce. Takže, abychom dosáhli toho samého, musíme projít h2 jako volitelná hodnota rodič() metoda.
.main *{ font-size: 20px; border: 2px solid black; color: black; padding: 5px; margin: 10px; } function fun() { $(document).ready(function(){ $('p').parent('h2').css({'color': 'blue', 'border': '5px dashed blue'}); }); } body div1 div2 <p> Paragraph element </p> <h2> h2 <p> Paragraph element </p> </h2> <ul> ul <p> Paragraph element </p> </ul> click me Otestujte to hned Výstup:
Po provedení výše uvedeného kódu bude výstupem -
java long to int
Po kliknutí na dané tlačítko bude výstupem -
