Metode add
Metode add pievieno norādītos
elementus jau esošai elementu kopai.
Sintakse
Pievienošana pēc selektora:
.add(selektors);
Pievienojamie elementi tiek norādīti kā viens vai vairāki (masīvs) DOM elementi:
.add(DOM elements);
Pievienojamie elementi tiek norādīti kā jQuery objekts:
.add(jQuery objekts);
Pievienojamie elementi tiek norādīti kā html teksts:
.add(html teksts);
Pievienojamie elementi tiek meklēti lapā ar norādītā selektora palīdzību, apgabalā, kuru norāda otrais parametrs. Meklēšanas apgabalu var norādīt kā DOM elementu, jQuery objektu vai dokumenta objektu:
.add(selektors, konteksts);
Piemērs
Atradīsim visus rindkopas, pievienosim tām beigās
tekstu '!', tad pievienosim atrastajām rindkopām
virsrakstus h2
un vienlaikus virsrakstiem un rindkopām
iestatīsim sarkano krāsu:
<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');
Piemērs
Ieviesīsim meklēšanas kontekstu - pievienosim
tikai tos h2, kas atrodas elementa
#test iekšpusē:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Piemērs
Izveidosim meklēšanas kontekstu kā DOM elementu ar
JavaScript metodes
querySelector palīdzību:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Piemērs
Visbiežāk var iztikt bez konteksta, vienkārši izveidojot sarežģītāku selektoru:
$('p').append('!').add('#test h2').css('color', 'red');
