jquery删除<span>标签,同时保留其内容(并用<br>替换<divs>和<p>:s)

Question

有没有一种很好的方法来删除所有SPAN标签(同时保留其中的文本)并用BR替换所有DIV和P？使用jQuery？

<div>
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin rutrum tincidunt urna ac dignissim. Phasellus nisi ante, pharetra at
 <span>&nbsp;lorem a, condimentum ullamcorper</span>
 <span>&nbsp;leo. Duis pharetra nulla sit amet dui feugiat luctus.</span>
</p>
<p>
 <span>Ut eget nulla pulvinar ligula tincidunt placerat ut in eros. Cras posuere eget lacus eu lacinia. Cras lacinia porta porta. In hac habitasse platea dictumst. Maecenas nibh ligula, vulputate ut suscipit congue, euismod sed nunc. Cras quis rhoncus justo, sit amet vulputate enim.</span>
</p>
</div>

我正在打一个contentEditable问题并且捕获某些keydowns不是一个选项,这需要完全跨浏览器有效和issu同时返回(新行),退格键和删除按钮.

Answer 1

这是我设法让它工作的方式,由Raphaels回答

        if( $(textObject).children().length > 0 ) {
            $(textObject).children().each(function() {

                if ( $(this).is("span") ) {
                    $(this).contents().unwrap();
                }
                else if ( $(this).is("div") || $(this).is("p") ) {
                    $(this).prepend('<br />').contents().unwrap();
                }

                restoreTextFormat(this);
            });
        }

我有一种感觉,这种嵌套业务可能占用了太多的资源,有没有一种巧妙的方法来优化这一小块代码？