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:

html<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:

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

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