Att lägga till element i det aktuella urvalet i jQuery
Ibland finns det situationer när vi redan har
ett urval av metoder, vi har utfört några
operationer på det och nu skulle vilja lägga till
fler element till detta urval och utföra några
ytterligare operationer på detta
gemensamma urval.
Detta görs med metoden
add.
Låt oss ta följande HTML-kod som exempel:
<div>ddd</div>
<h1>hhh</h1>
<p>ppp</p>
<div id="test"><h2>hhh</h2></div>
<p>ppp</p>
<h2>hhh</h2>
<p>ppp</p>
Låt oss hitta alla stycken, lägg till texten
'!' i slutet av dem, sedan lägga till
rubrikerna h2
till de funna styckena,
och endast de som finns inuti elementet
#test, och samtidigt för de valda rubrikerna
och styckena ställa in röd färg:
$('p').append('!').add('#test h2').css('color', 'red');
Hitta alla stycken p med klassen
www, sätt texten
'!' i början på dem,
och texten '!!' i slutet,
lägg sedan till rubrikerna
h2 till dessa stycken och färgsätt dessa stycken och rubriker
i röd färg.