The vecāks() metode jQuery atrod dotā atlasītāja tiešo vecāku. Tā ir jQuery iebūvēta funkcija. Šī metode šķērso tikai vienu līmeni uz augšu DOM kokā un atgriež atlasītā elementa tiešo vecāku.
The vecāks() metode ir līdzīga vecāki () metodi, jo abas ceļo līdz DOM kokam un atgriež vecāku elementu. Bet atšķirība ir tā, ka vecāki () metode šķērso vairākus līmeņus uz augšu DOM kokā un atgriež visus dotā atlasītāja senčus, tostarp vecvecāku, vecvecvecvecāku utt., kamēr vecāks() metode šķērso vienu līmeni uz augšu un atgriež tikai dotā atlasītāja tiešo vecāku.
Sintakse
$(selector).parent(filter)
The atlasītājs iepriekš minētajā sintaksē apzīmē atlasīto elementu, kura vecākais ir jāmeklē. The filtru iepriekš minētajā sintaksē ir izvēles parametrs, kas norāda atlasītāja izteiksmi, ko izmanto, lai sašaurinātu meklēšanu.
Piemērs1
Šajā piemērā mēs neizmantojam neobligāto parametru vecāks() metodi. Šeit ir div elements, kas satur a ul elements, virsraksts h2 , un rindkopas elementu.
Mēs piemērojam vecāks() metode virsraksta vecākvārda meklēšanai h2. Ja mēs izmantojam vecāki () metodi, nevis izmantot vecāks() metodi, tiks izcelti visi virsraksta h2 priekšteči, ieskaitot ķermeņa elementu.
.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 Izmēģiniet to tūlīt Izvade:
Pēc iepriekš minētā koda izpildes izvade būs -
Pēc noklikšķināšanas uz dotās pogas izvade būs -
Piemērs2
Šajā piemērā mēs izmantojam neobligāto parametru vecāks() metode, lai atrastu pirmās rindkopas elementa vecāku. Šeit ir vairāk nekā viens rindkopas elementi, bet mums ir jāatrod pirmās rindkopas elementa vecāks. Tātad, mēs ejam garām pseido selektoram ( : vispirms ) kā neobligāto vērtību vecāks() metodi.
.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 Pēc iepriekš minētā koda izpildes izvade būs -
Pēc noklikšķināšanas uz dotās pogas izvade būs -
3. piemērs
Šajā piemērā mēs izmantojam neobligāto parametru vecāks() metode, kā atrast konkrētā atlasītāja vecāku. Šeit ir trīs rindkopas elementi ar dažādiem vecākiem. Mēs atrodam h2 rindkopas elementa vecākais. Tātad, lai sasniegtu to pašu, mums ir jānokārto h2 kā neobligāto vērtību vecāks() metodi.
.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 Izmēģiniet to tūlīt Izvade:
Pēc iepriekš minētā koda izpildes izvade būs -
Pēc noklikšķināšanas uz dotās pogas izvade būs -
