Metóda add
Metóda add pridáva zadané
prvky do už existujúcej množiny prvkov.
Syntax
Pridanie podľa selektoru:
.add(selektor);
Pridávané prvky sú zadané jedným alebo viacerými (pole) DOM prvkami:
.add(DOM prvok);
Pridávané prvky sú zadané objektom jQuery:
.add(objekt jQuery);
Pridávané prvky sú zadané html textom:
.add(html text);
Pridávané prvky sa hľadajú na stránke s použitím zadaného selektoru, vo vnútri oblasti, zadanej druhým parametrom. Oblasť vyhľadávania môže byť zadaná DOM prvkom, objektom jQuery alebo objektom dokumentu:
.add(selektor, kontext);
Príklad
Nájdeme všetky odseky, pridáme im na koniec
text '!', potom pridáme k nájdeným odsekom
nadpisy h2
a súčasne pre nadpisy a odseky
nastavíme červenú farbu:
<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');
Príklad
Zadajme kontext vyhľadávania - pridáme
len tie h2, ktoré ležia vo vnútri prvku
#test:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Príklad
Vytvoríme kontext vyhľadávania vo forme DOM prvku s
použitím JavaScript metódy
querySelector:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Príklad
Najčastejšie sa možno zaobísť bez kontextu, jednoducho vytvorením zložitejšieho selektoru:
$('p').append('!').add('#test h2').css('color', 'red');
