javascript - 使用 Javascript 包裹 HTML 字符串的未包裹部分

Question

我在变量(Javascript/jQuery)中有字符串，其中包含如下内容:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<p>Morbi a faucibus magna. Donec lacinia, leo eget</p>
Pellentesque aliquet luctus lobortis.
<p>Morbi a faucibus magna. Donec lacinia, leo eget</p>
 massa iaculis leo, nec auctor

如何将所有未包装的内容包装在 p 标签中？所以该字符串看起来像:

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p>Morbi a faucibus magna. Donec lacinia, leo eget</p>
<p>Pellentesque aliquet luctus lobortis.</p>
<p>Morbi a faucibus magna. Donec lacinia, leo eget</p>
<p>massa iaculis leo, nec auctor</p>

谢谢!

Answer 1

类似

var str = 'your string';
var div = $('<div />', {html: str});

div.contents().filter(function() {
    return this.nodeType === 3;
}).wrap('<p />');

var new_str = div.html();

FIDDLE

使用新的 jQuery 对象将字符串解析为 HTML，然后过滤掉未包装的文本节点，并用段落包装它们，并将更改后的 HTML 作为新字符串输出。