jquery - 仅将文本包装在跨度内

Question

我怎样才能只包装 span 中不包括标签的内容..

这是我所拥有的标记...

<span class="foo">
   <span class="bar">+</span>
   lorem ispum lorem ispumlorem ispumlorem ispum
</span>

这就是我想要的样子

<span class="foo">
  <span class="bar">+</span>
  <span class="foobar">lorem ispum lorem ispumlorem ispumlorem ispum</span>
</span>

$('.foo').wrapInner('<span class="foobar"/>')正在包装整个内部内容。\

提前致谢..

Answer 1

你必须过滤节点然后换行。使用 .each() .试试这个:

$('.foo').each(function() {
    $(this).contents().eq(2).wrap('<span class="foobar"/>');
});

DEMO