Metod add

Metod add dodaje zadate elemente u već postojeći skup elemenata.

Sintaksa

Dodavanje pomoću selektora:

javascript.add(selektor);

Elementi koji se dodaju zadaju se jednim ili više (nizom) DOM elemenata:

javascript.add(DOM element);

Elementi koji se dodaju zadaju se jQuery objektom:

javascript.add(jQuery objekat);

Elementi koji se dodaju zadaju se HTML tekstom:

javascript.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:

javascript.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:

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>

javascript$('p').append('!').add('h2').css('color', 'red');

Primer

Hajde da uvedemo kontekst pretrage - dodajmo samo one h2 koji se nalaze unutar elementa #test:

javascriptlet $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');

Primer

Napravimo kontekst pretrage u vidu DOM elementa pomoću JavaScript metode querySelector:

javascriptlet 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:

javascript$('p').append('!').add('#test h2').css('color', 'red');

Vidi takođe