javascript - 在特殊字符后找到一个字符串，移动它并在其周围包裹一个 div

Question

我有这个 HTML 代码，例如:

<div class="new">
 <div class="in"></div>
 <label>some text now watch this | the-thing</label>
</div>

我想:

1. 找到“|”之后的文字性格
2. 将其移出标签
3. 在它周围包裹一个 span 标签

我知道如何做第二和第三部分，但我不明白如何开始操作字符串。

Answer 1

这是一个工作示例:http://jsfiddle.net/jfriend00/TaDKp/ .

var re = /\|\s*(.*)$/;
var o = $(".new label");
var match = o.text().match(re);
if (match) {
    o.text(o.text().replace(re, ""));
    o.after("<span class='special'>" + match[1] + "</span>");
}

描述的步骤:

1. 找到所需的标签对象
2. 使用正则表达式在标签对象的文本中查找文本
3. 如果找到文本，将其从标签中删除
4. 在标签后插入带有该文本的 span