Metoda add
Metoda add adaugă elementele
specificate într-un set existent de elemente.
Sintaxă
Adăugare prin selector:
.add(selector);
Elementele adăugate sunt specificate printr-unul sau mai multe (array) elemente DOM:
.add(element DOM);
Elementele adăugate sunt specificate printr-un obiect jQuery:
.add(obiect jQuery);
Elementele adăugate sunt specificate prin text html:
.add(text html);
Elementele adăugate sunt căutate în pagină cu ajutorul selectorului specificat, în interiorul zonei specificate de al doilea parametru. Zona de căutare poate fi specificată printr-un element DOM, un obiect jQuery sau un obiect document:
.add(selector, context);
Exemplu
Să găsim toate paragrafele, să adăugăm la sfârșit textul
'!', apoi să adăugăm la paragrafele găsite
anteturile h2
și simultan pentru anteturi și paragrafe
să setăm culoarea roșie:
<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');
Exemplu
Să introducem un context de căutare - să adăugăm
doar acele h2 care se află în interiorul elementului
#test:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Exemplu
Să creăm un context de căutare sub formă de element DOM cu
ajutorul metodei JavaScript
querySelector:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Exemplu
De cele mai multe ori te poți descurca fără context, făcând pur și simplu un selector mai complex:
$('p').append('!').add('#test h2').css('color', 'red');
