Dodavanje elemenata u trenutni skup u jQuery
Ponekad se javljaju situacije kada već imamo
skup elemenata, izvršili smo neke operacije nad njim,
i sada želimo da tom skupu dodamo još elemenata
i da nad tim zajedničkim skupom izvršimo još neke
operacije.
To se radi pomoću metode
add.
Uzmimo, na primer, sledeći HTML kod:
<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>
Hajde da nađemo sve paragrafe, dodamo im na kraj tekst
'!', zatim da nađenim paragrafima dodamo
naslove h2,
i to samo one koji se nalaze unutar elementa
#test, i istovremeno za izabrane naslove
i paragrafe postavimo crvenu boju:
$('p').append('!').add('#test h2').css('color', 'red');
Pronađite sve paragrafe p sa klasom
www, postavite im na početak tekst
'!', a na kraj tekst '!!',
zatim ovim paragrafima dodajte i naslove
h2 i obojite ove paragrafe i naslove
u crvenu boju.