在DIV中包裝內容

簡單的問題，我認爲，但無法弄清楚這在DIV中包裝內容

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

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

，需要有這樣的：

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

感謝您的幫助

來源

2009-10-04 Dom

你爲什麼要使用JavaScript這樣做呢？您應該使用服務器端語言生成正確的標記。 – 2009-10-04 18:02:02

對於一個更可靠的方法，它可能會幫助發佈* all *你的html，因爲這種技術會根據你標記的所有東西而有所不同，因爲你必須定位一個文本節點兄弟節點和一個元素節點。 – 2009-10-04 18:10:23

可以使用的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");

來源

2009-10-04 18:03:53 Canavar

尋找jQuery方法嗎？ – Dom 2009-10-04 18:13:54

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

來源

2009-10-04 18:44:29 eyelidlessness

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

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

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

來源

2009-10-04 19:12:28

在DIV中包裝內容

回答

相關問題