Metóda add

Metóda add pridáva zadané prvky do už existujúcej množiny prvkov.

Syntax

Pridanie podľa selektoru:

javascript.add(selektor);

Pridávané prvky sú zadané jedným alebo viacerými (pole) DOM prvkami:

javascript.add(DOM prvok);

Pridávané prvky sú zadané objektom jQuery:

javascript.add(objekt jQuery);

Pridávané prvky sú zadané html textom:

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

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

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

Príklad

Zadajme kontext vyhľadávania - pridáme len tie h2, ktoré ležia vo vnútri prvku #test:

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

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

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

Pozri tiež