Metoden parent i jQuery

Vi har redan tagit upp metoden parent när vi diskuterade pseudoklassen parent. Som påminnelse, metoden parent och selektorn parent gör olika saker, den första hittar elementets förälder, medan den andra hittar alla icke-tomma element (som är föräldrar).

I följande exempel kommer vi att hitta elementet #test, sedan hitta dess förälder med parent och sätta dess text till '!'. Låt oss anta att vi har följande HTML-kod:

<p>outside</p>
<div>
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
</div>
<p>outside</p>

Och nu använder vi metoden parent i Javascript-koden:

$('#test').parent().html('!');

Glöm inte att du kan skicka en selektor till denna metod för ytterligare filtrering av föräldrarna.

Hitta föräldern till elementet med klassen www och färga den i röd färg.

Hitta föräldrarna till alla b-taggar och gör dem röda.

Hitta föräldrarna till alla b-taggar, och de som har klassen test, färga dem i röd färg.