Sökning inom hittade element i jQuery
Låt oss nu analysera metoden
find,
som söker element efter en given selektor
inuti redan hittade element (det vill säga bland efterkommande element
inuti de hittade elementen).
Låt oss överväga hur metoden fungerar med följande HTML-kod:
<div>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
<div>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
Först måste vi hitta alla div-taggar,
sätta texten '!' i början på dem med hjälp av
prepend,
sedan hitta alla stycken inuti dem med hjälp av
metoden find och sätta texten
'?' i början på dem:
$('div').prepend('!').find('p').prepend('?');
Hitta alla b med klassen
www, gör dem röda,
sedan hitta bland de hittade elementen element
med klassen test och sätt deras teckenstorlek
till 30px.
Hitta alla element med klassen www, gör
dem röda, sedan hitta bland de hittade
elementen stycken och sätt texten
'!' i slutet på dem.