Meetod add
Meetod add lisab määratud
elemendid elementide olemasolevasse kogumisse.
Süntaks
Lisamine valijaga:
.add(valija);
Lisatavad elemendid määratakse ühe või mitme (massiivina) DOM elemendiga:
.add(DOM element);
Lisatavad elemendid määratakse jQuery objektiga:
.add(jQuery objekt);
Lisatavad elemendid määratakse html tekstina:
.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:
.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:
<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');
Näide
Kasutame otsingu konteksti - lisame
ainult need h2, mis asuvad elemendi
#test sees:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Näide
Loome otsingu konteksti DOM elemendina kasutades
JavaScripti meetodit
querySelector:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Näide
Enamasti saab hakkama ka ilma kontekstita, tehes lihtsalt keerukama valija:
$('p').append('!').add('#test h2').css('color', 'red');
