在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");