добавить динамический HTML родителю с помощью Оберните

Question

<p>1</p> 
<p>2</p> 
<p>3</p> 
<p>4</p> 

я $('p').wrap('<div class="paragraph"></div>') но получил 4 div оборачивать каждый p, как есть только один обертку завернуть каждый p?

Answer 1

Вам необходимо .wrapAll() вместо .wrap().

.wrap(): Оберните HTML структуру вокруг каждого элемента в наборе соответствующих элементов. .wrapAll(): Оберните структуру HTML вокруг все элементы в наборе согласованных элементов.

$('p').wrapAll('<div class="paragraph"></div>'); 

Working Demo