javascript - 如何使用 jQuery 在有换行符的文本周围添加跨度换行？

Question

我正在制作一个小书签，但遇到了一点困难，我正在尝试用跨度包裹一些文本。问题是文本中有大量 br，这让我很头疼。

由于它是一个小书签，我只能使用 jQuery 来更改 HTML。我只想将文本包装在媒体 block 下方(这样我可以 chop 它)，而不是媒体 block 本身。

当前 HTML 结构如下:

<div class="Message">

  <div class="MediaBlock">
    <h2>name</h2>
  </div>

  This is the text
  <br> I want to wrap
  <br> With a span, class more &nbsp

</div>

我应该提到，除了 br 之外，还有链接，而且它们是一个页面上的多个消息容器。

消息也是可变长度的，由用户生成

Answer 1

$('.Message').contents().filter(function(i) {
    return (this.nodeType === 3 || this.nodeName.toLowerCase() === 'br') && i!=0;
}).wrapAll('<span />');

FIDDLE