Обернуть содержимое в 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 кода выше:

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

jQuery имеет функцию wrap , которая делает именно то, что вы описываете ...

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

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

Answer 3

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