Обтекание содержимого в 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");