Die parent-metode in jQuery
Ons het al 'n bietjie gekyk na die
parent-metode,
toe ons die pseudoklas
parent
bespreek het.
Onthou, die parent-metode en die parent-selekteerder
doen verskillende dinge. Die eerste vind die ouer van 'n element, en die
tweede vind alle nie-leë elemente (wat ouers is).
In die volgende voorbeeld sal ons die element #test vind,
dan sy ouer vind met behulp van parent
en daaraan die teks '!' toeken. Gestel ons het die
volgende HTML-kode:
<p>buite</p>
<div>
<p>binne</p>
<p>binne</p>
<p id="test">binne</p>
<p>binne</p>
<p>binne</p>
</div>
<p>buite</p>
En nou skryf ons die parent-metode in die
Javascript-kode:
$('#test').parent().html('!');
Moenie vergeet nie dat jy 'n selekteerder aan hierdie metode kan deurgee vir bykomende filtering van ouers.
Vind die ouer van die element met die klas
www en maak sy kleur rooi.
Vind die ouers van alle b-tags
en maak hulle rooi.
Vind die ouers van alle b-tags, en kleur
diegene wat die klas test het, rooi.
