Metoda add

Metoda add přidává zadané prvky do již existující sady prvků.

Syntaxe

Přidání podle selektoru:

javascript.add(selektor);

Přidávané prvky jsou zadány jedním nebo více (pole) DOM prvky:

javascript.add(DOM prvek);

Přidávané prvky jsou zadány objektem jQuery:

javascript.add(objekt jQuery);

Přidávané prvky jsou zadány html textem:

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

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

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

Příklad

Zadejme kontext hledání - přidejme pouze ty h2, které leží uvnitř prvku #test:

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

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

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

Viz také