Dodawanie elementów do bieżącego zestawu w jQuery
Czasami zdarzają się sytuacje, gdy mamy już
zestaw metod, wykonaliśmy na nim jakieś
operacje i teraz chcielibyśmy dodać do tego
zestawu więcej elementów i wykonać na tym
ogólnym zestawie jeszcze jakieś operacje.
Robimy to za pomocą metody
add.
Weźmy na przykład następujący kod HTML:
<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>
Znajdźmy wszystkie akapity, dodajmy im na końcu tekst
'!', następnie dodajmy do znalezionych akapitów
nagłówki h2,
i to tylko te, które znajdują się wewnątrz elementu
#test, i jednocześnie dla wybranych nagłówków
i akapitów ustawmy kolor czerwony:
$('p').append('!').add('#test h2').css('color', 'red');
Znajdź wszystkie akapity p z klasą
www, ustaw im na początku tekst
'!', a na końcu tekst '!!',
następnie dodaj do tych akapitów jeszcze nagłówki
h2 i pokoloruj te akapity i nagłówki
na czerwono.