在DIV中包裝內容

Question

簡單的問題，我認爲，但無法弄清楚這

如何將特定文本包裝到DIV？

有這種 Price:<strong>£12.30 (Ex VAT)</strong>

，需要有這樣的：

<div>Price:<strong>£12.30 (Ex VAT)</strong></div> 

感謝您的幫助

Answer 1

可以使用的appendChild方法：

var newDiv = document.createElement('div'); 

newDiv.innerHTML = "Price:<strong>£12.30 (Ex VAT)</strong>"; 

document.getElementById('parentDiv').appendChild(newDiv); 

這裏是JQuery equvalent以上代碼：

var newDiv = $("<div>Price:<strong>£12.30 (Ex VAT)</strong></div>"); 
$('#parentElement').append(newDiv); 

或者：

$("<div>Price:<strong>£12.30 (Ex VAT)</strong></div>").appendTo("#parentElement"); 

Answer 2

var str = 'Price:<strong>£12.30 (Ex VAT)</strong>'; 
var div = $('<div />').html(str); 

Answer 3

jQuery有一個wrap函數，它正是你所描述的...

var str = "Price: <strong>£12.30 (Ex VAT)</strong>"; 

$(str).wrap("<div></div>").appendTo("body");