动态创建DIV容器

Question

我有两行已经由php输出的html代码

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

演示：Fiddle

Answer 2

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