Metoda add
Metoda add doda določene
elemente v že obstoječ niz elementov.
Sintaksa
Dodajanje z izbirnikom:
.add(izbirnik);
Elementi, ki jih želimo dodati, so podani kot en ali več (matrika) DOM elementov:
.add(DOM element);
Elementi, ki jih želimo dodati, so podani kot objekt jQuery:
.add(objekt jQuery);
Elementi, ki jih želimo dodati, so podani kot html besedilo:
.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:
.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:
<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');
Primer
Dodajmo kontekst iskanja - dodajmo le
tiste h2, ki so znotraj elementa
#test:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Primer
Ustvarimo kontekst iskanja kot DOM element z
uporabo JavaScript metode
querySelector:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Primer
Pogosto se lahko izognemo kontekstu tako, da naredimo bolj zapleten izbirnik:
$('p').append('!').add('#test h2').css('color', 'red');
