Metoden add
Metoden add lägger till givna
element i en befintlig uppsättning element.
Syntax
Lägga till via selektor:
.add(selektor);
Element som läggs till anges med ett eller flera (som en array) DOM-element:
.add(DOM-element);
Element som läggs till anges med ett jQuery-objekt:
.add(jQuery-objekt);
Element som läggs till anges med html-text:
.add(html-text);
Element som läggs till söks på sidan med hjälp av given selektor, inom ett område anges med den andra parametern. Sökområdet kan anges som ett DOM-element, ett jQuery-objekt eller ett dokumentobjekt:
.add(selektor, kontext);
Exempel
Låt oss hitta alla stycken, sätta texten '!' i slutet på dem,
sedan lägga till rubrikerna h2
till de funna styckena
och samtidigt för rubrikerna och styckena
sätta röd färg:
<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');
Exempel
Låt oss introducera en sökkontext - lägg endast till
de h2 som finns inuti elementet
#test:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Exempel
Skapa en sökkontext som ett DOM-element med
hjälp av JavaScript-metoden
querySelector:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Exempel
Oftast kan man klara sig utan kontext, genom att bara göra en mer komplex selektor:
$('p').append('!').add('#test h2').css('color', 'red');
