Метод add

Метод add додаје задате елементе у већ постојећи скуп елемената.

Синтакса

Додавање преко селектора:

javascript.add(селектор);

Елементи за додавање се задају једним или више (низом) DOM елемената:

javascript.add(DOM елемент);

Елементи за додавање се задају као jQuery објекат:

javascript.add(jQuery објекат);

Елементи за додавање се задају као html текст:

javascript.add(html текст);

Елементи за додавање се траже на страници помоћу задатог селектора, унутар области која је задата другим параметром. Област претраге може бити задата као DOM елемент, jQuery објекат или објекат документа:

javascript.add(селектор, контекст);

Пример

Хајде да пронађемо све пасусе, додамо им на крај текст '!', затим да додамо пронађеним пасусима наслове h2 и истовремено за наслове и пасусе поставимо црвену боју:

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');

Пример

Хајде да уведемо контекст претраге - додамо само оне h2 који се налазе унутар елемента #test:

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

Пример

Креирајмо контекст претраге у виду DOM елемента помоћу JavaScript методе querySelector:

javascriptlet context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');

Пример

Најчешће се може изостати и без контекста, само направљеним сложенијим селектором:

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

Погледајте такође