Как известно, когда мы с помощью add()
добавляем элементы в jQuery
-объект, они становятся элементами массива. Но что, если там нужно, чтобы этот объект был единым целым?
Я приведу пример, когда это нужно, но вероятно, вопрос разветвится на два обсуждения. Допустим у нас есть следующие разнородные элементы:
<h1 class="heading-h1"></h1>
<div class="subheading-h1"><div>
<div class="par-group">
<p>Эх, жирафы честно в цель шагают, да щук объять за память ёлкой...</p>
</div>
<ul>
<li>><li>
<li></li>
</ul>
Все родительские объекты добавим в jQuery
-объект:
var jQueryObj = $([]).add('.heading-h1').add('.subheading-h1').add('.par-group').add('ul');
Если мы сделаем что-то вроде
jQueryObj.replaceWith('<div>Новое содержимое</div>');
то на новое содержимое заменится каждый элемент массива. Нам же нужно, чтобы на одно <div>Новое содержимое</div>
заменился весь приведённый выше HTML-код. Как этого достичь?