JQuery - 如何将带有 br 的 html 转换为带有 p 的 html？

Question

在我的页面上，我有这样的 html:

hi<br>bye<br>sigh<br>hello <em>tie</em><br>lie 

使用jquery，如何将其转换为像这样的html(基本上使用p而不是br):

<p>hi</p><p>bye</p><p>sigh</p><p>hello <em>tie</em></p><p>lie</p> 

我第一次尝试这样做是这样的代码:

$(container).contents().filter(function() {
                var val = this.nodeValue;
                return this.nodeType == TEXT_NODE && $.trim(val).length > 0;
            })
            .wrap('<p></p>')
            .end()
            .filter('br')
            .remove();

这在大多数情况下都有效，除了 hello和<em>tie</em>不会在同一个p中元素。

有谁知道我该如何正确地做到这一点？

Answer 1

简单的 JavaScript 解决方案

var obj = document.getElementById('container'),    str = obj.innerHTML,    ar = str.split('<br />'),    result = "";for(var i = 0; i < ar.length; i++){ result += '<p>' + ar[i] + '</p>';}obj.innerHTML = result;

我不知道如何使用 jQuery 来做到这一点...