Methode parents

De methode parents verkrijgt alle bovenliggende elementen van een element - niet alleen de directe ouder, maar ook de grootouder, overgrootouder en zo verder tot het root-element (dat wil zeggen tot de tag html).

Syntaxis

Verkrijgen van alle bovenliggende elementen voor elementen:

javascript.parents();

Je kunt ook alleen de bovenliggende elementen selecteren als ze voldoen aan de opgegeven selector:

javascript.parents(selector);

Voorbeeld

Laten we het element #test vinden, dan al zijn bovenliggende elementen vinden met parents en, als het div elementen zijn met de klasse www, dan voegen we aan het begin de tekst '!' toe met behulp van prepend:

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

De HTML-code ziet er dan zo uit:

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

Zie ook

  • methode parent,
    die het mogelijk maakt om de directe ouder van een element te verkrijgen
  • methode parentsUntil,
    die het mogelijk maakt om alle bovenliggende elementen van een element te verkrijgen tot een opgegeven ouder
  • methode closest,
    die het mogelijk maakt om het dichtstbijzijnde bovenliggende element te verkrijgen dat voldoet aan de selector
  • methode contents,
    die het mogelijk maakt om de afstammelingen van een element en de tekst binnen dit element te verkrijgen