在两个标签jquery之间换行

Question

如何使用 jquery 将“额外文本”包装在一个 div 中？ 额外的文本可以不同，包含不同的html标签。

<i> text </i>
extra text
<p> text </p>

Answer 1

您可以使用内容，并按节点类型过滤（3为文本节点）：

但首先你必须用一个 div 包装整个 HTML：

<div class="demo"><i> text </i>extra text<p> text </p></div>

然后使用下面的脚本：

$( ".demo" )
  .contents()
  .filter(function(){
    return this.nodeType == 3;  
  })
  .wrap( "<div></div>" );

示例：jsfiddle

另请参阅：Node Types，在 MDC