Metoden add
Metoden add tilføjer de givne
elementer til et allerede eksisterende sæt af elementer.
Syntaks
Tilføjelse via selector:
.add(selector);
Elementer der skal tilføjes angives med et eller flere (som et array) DOM-elementer:
.add(DOM-element);
Elementer der skal tilføjes angives med et jQuery-objekt:
.add(jQuery-objekt);
Elementer der skal tilføjes angives med html-tekst:
.add(html-tekst);
Elementer der skal tilføjes findes på siden med den givne selector, inden for det område, der er angivet af den anden parameter. Søgeområdet kan være angivet af et DOM-element, et jQuery-objekt eller et dokumentobjekt:
.add(selector, kontekst);
Eksempel
Lad os finde alle afsnit, tilføje teksten
'!' til deres slutning, og derefter tilføje til de fundne afsnit
overskrifterne h2
og samtidig for overskrifter og afsnit
angive rød farve:
<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');
Eksempel
Lad os indføre en søgekontekst - tilføj kun
de h2, som ligger inde i elementet
#test:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Eksempel
Lad os oprette en søgekontekst i form af et DOM-element med
JavaScript-metoden
querySelector:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Eksempel
Som oftest kan man klare sig uden kontekst ved blot at lave en mere kompleks selector:
$('p').append('!').add('#test h2').css('color', 'red');
