javascript - 仅用节点包围文本

Question

我有一些表单中的 html

<span class="prefix">something</span> (Optional)
Text
<span class="badge">Something else</span> (optional, can be multiple)
<span class="postfix">Another thing</span>

我想将文本(而不是 span)包装在另一个跨度中，以便我可以根据需要使用 jQuery 提取和替换它。我无法编辑生成此 HTML 的后端代码。鉴于我事先不知道第一个跨度是否存在，或者最后会有多少个跨度，有没有办法将纯文本换行以便可以对其进行操作？

我希望得到如下所示的输出:

<span class="prefix">something</span>
<span class="txt">Text</span>
<span class="badge">something else</span>...
<span class="postfix">another thing</span>

Answer 1

试试这个:

$('#container').contents()
               .filter(function() { return this.nodeType === 3 })
               .wrap('<span class="txt" />');

基于这个答案:https://stackoverflow.com/a/5291776/616535