Metoden parent

Metoden parent hämtar elementets omedelbara förälder.

Syntax

Hämta omedelbar förälder för element:

javascript.parent();

Man kan också välja omedelbar förälder, endast om den uppfyller den givna selektorn:

javascript.parent(selektor);

Exempel

Låt oss hitta elementet #test sedan hitta dess förälder med parent och sätta dess text till '!' med html:

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>
javascript$('#test').parent().html('!');

HTML-koden kommer att se ut så här:

html<p>outside</p>
<div>
  !
</div>
<p>outside</p>

Exempel

Låt oss hitta elementet #test sedan hitta dess förälder med parent och, om denna förälder är div med klassen www, sätta dess text till '!' med html:

html<p>outside</p>
<div class="www">
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p>inside</p>
</div>
<p>outside</p>
javascript$('#test').parent('div.www').html('!');

HTML-koden kommer att se ut så här:

html<p>outside</p>
<div class="www">
  !
</div>
<p>outside</p>

Se även

  • metoden parents,
    som gör det möjligt att hämta alla föräldrar till elementet
  • metoden closest,
    som gör det möjligt att hämta närmaste föräldraelement som uppfyller selektorn
  • metoden parentsUntil,
    som gör det möjligt att hämta alla föräldrar till elementet upp till angiven förälder
  • metoden children,
    som gör det möjligt att hämta elementets barn
  • metoden contents,
    som gör det möjligt att hämta elementets barn och text inuti detta element