Metoda add
Metoda add shton
elementet e specifikuara në një grup ekzistues të elementeve.
Sintaksa
Shtimi sipas selektorit:
.add(selektor);
Elementet që do të shtohen specifikohen nga një ose disa (një array) elementë DOM:
.add(element DOM);
Elementet që do të shtohen specifikohen nga një objekt jQuery:
.add(objekt jQuery);
Elementet që do të shtohen specifikohen nga teksti html:
.add(tekst html);
Elementet që do të shtohen kërkohen në faqe duke përdorur selektorin e specifikuar, brenda zonës të specifikuar nga parametri i dytë. Zona e kërkimit mund të specifikohet nga një element DOM, një objekt jQuery ose një objekt dokumenti:
.add(selektor, kontekst);
Shembull
Le të gjejmë të gjitha paragrafët, t'u vendosim në fund
tekstin '!', pastaj t'u shtojmë paragrafëve të gjetur
titujt h2
dhe njëkohësisht për titujt dhe paragrafët
të vendosim ngjyrën e kuqe:
<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');
Shembull
Le të prezantojmë një kontekst kërkimi - të shtojmë
vetëm ata h2 që ndodhen brenda elementit
#test:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Shembull
Le të krijojmë një kontekst kërkimi në formën e një elementi DOM me
ndihmën e metodës JavaScript
querySelector:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Shembull
Shpesh mund të bëhet pa kontekst, thjesht duke bërë një selektor më kompleks:
$('p').append('!').add('#test h2').css('color', 'red');
