Metoden parentsUntil

Metoden parentsUntil henter alle forældreelementer for et element - ikke kun den umiddelbare forælder, men også bedsteforælderen, oldeforælderen og så videre op til rodelementet (det vil sige til html-tagget). Søgningen efter forældreelementer stopper ved det forældreelement, der matcher selectoren angivet som parameter til denne metode.

Syntaks

Søg efter forælder indtil forælderen, der matcher selectoren; selectoren kan være et DOM-node, et udtryk eller et jQuery-objekt. Du kan også bruge den anden parameter til yderligere filtrering. Begge parametre er valgfrie:

javascript.parentsUntil([selector], [filter]);

Selectoren kan udelades, i dette tilfælde vil metoden opføre sig på samme måde som metoden parents:

javascript.parentsUntil();

Eksempel

Lad os finde elementet #test og derefter finde alle dets forældreelementer indtil elementet med klassen zzz ved hjælp af parentsUntil og sætte teksten '!' foran i dem ved hjælp af prepend:

html<div>
  <div class="zzz">
    <div class="www">
      <div class="www">
        <p id="test">tekst</p>
      </div>
    </div>
  </div>
</div>
javascript$('#test').parentsUntil('.zzz').prepend('!');

HTML-koden vil se sådan ud:

html<div>
  <div class="zzz">
    <div class="www">
      !
      <div class="www">
        !<p id="test">tekst</p>
      </div>
    </div>
  </div>
</div>

Se også

  • metoden parent,
    som giver mulighed for at få den umiddelbare forælder til et element
  • metoden closest,
    som giver mulighed for at få det nærmeste forældreelement, der opfylder selectoren
  • metoden parents,
    som giver mulighed for at få alle forældreelementer for et element
  • metoden children,
    som giver mulighed for at få et elements afkom