Meetod add

Meetod add lisab määratud elemendid elementide olemasolevasse kogumisse.

Süntaks

Lisamine valijaga:

javascript.add(valija);

Lisatavad elemendid määratakse ühe või mitme (massiivina) DOM elemendiga:

javascript.add(DOM element);

Lisatavad elemendid määratakse jQuery objektiga:

javascript.add(jQuery objekt);

Lisatavad elemendid määratakse html tekstina:

javascript.add(html tekst);

Lisatavad elemendid otsitakse lehelt kasutades määratud valijat, piirkonnas, mille määrab teine parameeter. Otsingupiirkonna võib määrata DOM elemendina, jQuery objektina või dokumendi objektina:

javascript.add(valija, kontekst);

Näide

Leiame kõik lõigud, lisame nende lõppu teksti '!', seejärel lisame leitud lõikudele pealkirjad h2 ja samaaegselt nii pealkirjadele kui lõikudele määrame punase värvi:

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');

Näide

Kasutame otsingu konteksti - lisame ainult need h2, mis asuvad elemendi #test sees:

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

Näide

Loome otsingu konteksti DOM elemendina kasutades JavaScripti meetodit querySelector:

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

Näide

Enamasti saab hakkama ka ilma kontekstita, tehes lihtsalt keerukama valija:

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

Vaata ka