Создать DIV контейнер динамически

Question

У меня есть две строки HTML кода, который уже на выход PHP

<div class="product-info weight">Weight: 10 kg</div> 
<div class="product-info dimensions">Dimensions: 10 cm × 10 cm × 10 cm</div> 

И я хочу, чтобы вставить DIV в качестве контейнера выше две строки, так что я могу добавить CSS в контейнер ,

<div class="product-info-container"> 
    <div class="product-info weight">Weight: 10 kg</div> 
    <div class="product-info dimensions">Dimensions: 10 cm × 10 cm × 10 cm</div> 
</div> 

можно ли выполнить jquery? И как это сделать?

Answer 1

Вы можете использовать .wrapAll()

$('.product-info').wrapAll('<div class="product-info-container"></div>') 

Demo: Fiddle

Answer 2

$(".product-info.weight, .product-info.dimensions").wrapAll("<div class='product-info-container'></div>");