The tėvas () jQuery metodas suranda tiesioginį nurodyto parinkiklio pirminį elementą. Tai yra integruota „jQuery“ funkcija. Šis metodas eina tik vienu lygiu aukštyn DOM medyje ir grąžina tiesioginį pasirinkto elemento pirminį elementą.
The tėvas () metodas yra panašus į tėvai () metodą, nes abu keliauja iki DOM medžio ir grąžina pirminį elementą. Tačiau skirtumas yra tas, kad tėvai () metodas perkelia kelis DOM medžio lygius aukštyn ir grąžina visus nurodyto parinkiklio protėvius, įskaitant senelį, prosenelį ir kt., o tėvas () metodas eina vienu lygiu aukštyn ir pateikia tik tiesioginį nurodyto parinkiklio pirminį elementą.
Sintaksė
$(selector).parent(filter)
The parinkiklis aukščiau pateiktoje sintaksėje reiškia pasirinktą elementą, kurio pirminis elementas turi būti ieškomas. The filtras pirmiau pateiktoje sintaksėje yra pasirenkamas parametras, nurodantis parinkiklio išraišką, kuri naudojama paieškai susiaurinti.
konverteris iš eilutės į int
1 pavyzdys
Šiame pavyzdyje nenaudojame pasirenkamo parametro tėvas () metodas. Čia yra div elementas, kuriame yra a ul elementas, antraštė h2 ir pastraipos elementą.
Mes taikome tėvas () antraštės pirminės paieškos metodas h2. Jei naudosime tėvai () metodas, o ne naudoti tėvas () metodu, bus paryškinti visi antraštės h2 protėviai, įskaitant kūno elementą.
.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 Išbandykite dabar Išvestis:
Įvykdžius aukščiau pateiktą kodą, išvestis bus -
iphone jaustukai android
Spustelėjus nurodytą mygtuką, išvestis bus -
2 pavyzdys
Šiame pavyzdyje mes naudojame pasirenkamąjį parametrą tėvas () būdas rasti pirmosios pastraipos elemento pirminį elementą. Čia yra daugiau nei vienas pastraipos elementas, tačiau turime rasti pirmosios pastraipos elemento pirminį elementą. Taigi, mes praeiname pseudo selektorių ( :Pirmas ) kaip pasirenkamą reikšmę tėvas () metodas.
.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 Įvykdžius aukščiau pateiktą kodą, išvestis bus -
Spustelėjus nurodytą mygtuką, išvestis bus -
3 pavyzdys
Šiame pavyzdyje mes naudojame pasirenkamąjį parametrą tėvas () metodą, kaip rasti konkretų nurodyto parinkiklio pirminį elementą. Čia yra trys pastraipos elementai su skirtingais tėvais. Mes randame h2 pastraipos elemento tėvas. Taigi, norėdami pasiekti tą patį, turime išlaikyti h2 kaip pasirenkamą reikšmę tėvas () metodas.
.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 Išbandykite dabar Išvestis:
Įvykdžius aukščiau pateiktą kodą, išvestis bus -
Madhubala
Spustelėjus nurodytą mygtuką, išvestis bus -
