Metod add
Metod add dodaje zadate
elemente u već postojeći skup elemenata.
Sintaksa
Dodavanje pomoću selektora:
.add(selektor);
Elementi koji se dodaju zadaju se jednim ili više (nizom) DOM elemenata:
.add(DOM element);
Elementi koji se dodaju zadaju se jQuery objektom:
.add(jQuery objekat);
Elementi koji se dodaju zadaju se HTML tekstom:
.add(HTML tekst);
Elementi koji se dodaju traže se na stranici pomoću zadatog selektora, unutar oblasti zadate drugim parametrom. Oblast pretrage može biti zadata DOM elementom, jQuery objektom ili dokument objektom:
.add(selektor, kontekst);
Primer
Hajde da pronadjemo sve pasuse, stavimo im na kraj
tekst '!', zatim dodamo pronadjenim pasusima
naslove h2
i istovremeno za naslove i pasuse
postavimo crvenu boju:
<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>
$('p').append('!').add('h2').css('color', 'red');
Primer
Hajde da uvedemo kontekst pretrage - dodajmo
samo one h2 koji se nalaze unutar elementa
#test:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Primer
Napravimo kontekst pretrage u vidu DOM elementa
pomoću JavaScript metode
querySelector:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Primer
Najčešće se može i bez konteksta, jednostavno napravivši složeniji selektor:
$('p').append('!').add('#test h2').css('color', 'red');
