Metoda add
Metoda add přidává zadané
prvky do již existující sady prvků.
Syntaxe
Přidání podle selektoru:
.add(selektor);
Přidávané prvky jsou zadány jedním nebo více (pole) DOM prvky:
.add(DOM prvek);
Přidávané prvky jsou zadány objektem jQuery:
.add(objekt jQuery);
Přidávané prvky jsou zadány html textem:
.add(html text);
Přidávané prvky jsou hledány na stránce pomocí zadaného selektoru, uvnitř oblasti zadané druhým parametrem. Oblast hledání může být zadána DOM prvkem, objektem jQuery nebo objektem dokumentu:
.add(selektor, kontext);
Příklad
Najděme všechny odstavce, přidejme na konec
text '!', poté přidejme k nalezeným odstavcům
nadpisy h2
a současně pro nadpisy i odstavce
nastavme červenou barvu:
<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');
Příklad
Zadejme kontext hledání - přidejme
pouze ty h2, které leží uvnitř prvku
#test:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Příklad
Vytvořme kontext hledání ve formě DOM prvku
pomocí JavaScriptové metody
querySelector:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Příklad
Nejčastěji se lze obejít bez kontextu, pouhým vytvořením složitějšího selektoru:
$('p').append('!').add('#test h2').css('color', 'red');
