創建一個DIV容器動態

我的HTML代碼，兩行已經通過PHP創建一個DIV容器動態

<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實現？以及如何做到這一點？

來源

2013-12-12 hkguile

是的，這是可能的。 –

你可以使用jquery的wrap（）方法。 –

@RobertHarvey它實際上並不重複......這是關於用新容器包裝元素 –

您可以使用.wrapAll()

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

演示：Fiddle

來源

2013-12-12 06:29:15

太棒了！感謝.... – hkguile

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

來源

2013-12-12 06:36:20 skos

創建一個DIV容器動態

回答

相關問題