javascript - 如何用 分隔的文本节点用它们自己的 标签包装？

Question

我有从网络服务返回的内容，我无法修改它返回的数据，例如:

<div id="entrance" style="">
    Habilitação / Diploma de Ensino Medio Diploma de Ensino Pre Universitario 
    <br>
    <br>
    Diploma Record of study 
</div>

如何使用 jQuery 将两个句子包装在单独的 < p > 标记中？我知道我可以使用 .wrap 但这会包装全部内容。我需要正则表达式吗？

谢谢，托马斯

更新:

我的要求改为需要一个列表而不是段落，所以使用下面的答案，我稍微修改了它以将其包装在

中，然后将整个内容包装在

中

jQuery('#entrance').show();
jQuery('#entrance').html(data).contents().each(function () {
if ( this.nodeType === 3 ) jQuery( this ).wrap( '<li />' );
    else jQuery( this ).remove();
});
jQuery('#entrance').wrapInner('<ul />');

Answer 1

怎么样:

$( '#entrance' ).contents().each(function () {
    if ( this.nodeType === 3 && $.trim( this.data ) !== '' ) {
        $( this ).wrap( '<p />' );
    } else {
        $( this ).remove();
    }
});

现场演示: http://jsfiddle.net/ZMD6m/5/

我的代码将所有非空文本节点转换为包含该文本的段落。删除所有其他类型的节点。