Metoden add

Metoden add tilføjer de givne elementer til et allerede eksisterende sæt af elementer.

Syntaks

Tilføjelse via selector:

javascript.add(selector);

Elementer der skal tilføjes angives med et eller flere (som et array) DOM-elementer:

javascript.add(DOM-element);

Elementer der skal tilføjes angives med et jQuery-objekt:

javascript.add(jQuery-objekt);

Elementer der skal tilføjes angives med html-tekst:

javascript.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:

javascript.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:

html<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>

javascript$('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:

javascriptlet $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:

javascriptlet 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:

javascript$('p').append('!').add('#test h2').css('color', 'red');

Se også