Metoda add

Metoda add doda določene elemente v že obstoječ niz elementov.

Sintaksa

Dodajanje z izbirnikom:

javascript.add(izbirnik);

Elementi, ki jih želimo dodati, so podani kot en ali več (matrika) DOM elementov:

javascript.add(DOM element);

Elementi, ki jih želimo dodati, so podani kot objekt jQuery:

javascript.add(objekt jQuery);

Elementi, ki jih želimo dodati, so podani kot html besedilo:

javascript.add(html besedilo);

Elementi, ki jih želimo dodati, se iščejo na strani z določenim izbirnikom, znotraj območja, določenega z drugim parametrom. Območje iskanja je lahko določeno z DOM elementom, objektom jQuery ali objektom dokumenta:

javascript.add(izbirnik, kontekst);

Primer

Poiščimo vse odstavke, jim na konec dodajmo besedilo '!', nato k najdenim odstavkom dodajmo naslove h2 in hkrati za naslove in odstavke nastavimo rdečo barvo:

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

Primer

Dodajmo kontekst iskanja - dodajmo le tiste h2, ki so znotraj elementa #test:

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

Primer

Ustvarimo kontekst iskanja kot DOM element z uporabo JavaScript metode querySelector:

javascriptlet context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');

Primer

Pogosto se lahko izognemo kontekstu tako, da naredimo bolj zapleten izbirnik:

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

Glejte tudi