在原始文本字符串中的字符周围插入跨距和类

Question

我有一串原始文本，如下所示：

1 . . 3 . 4 . | A . A . N . | 1 . 1 . . .

我遗憾地无法访问源代码，但是需要为每个字符添加一个带有类的span，以便输出的HTML看起来像这样：

<span class="1">1</span> . . <span class="3">3</span> . <span class="4">4</span> . <span class="divider">|</span>

使用jQuery的最佳方法是什么？

Answer 1

container.innerHTML = container.innerHTML.
    replace(/\d+/g, '<span class="$1">$1</span>').
    replace(/\|/g, '<span class="divider">|</span>');

Answer 2

您需要String.replace

html = str.replace(/[^.]/g, 
     function($0) { return "<span class='" + $0 + "'>" + $0 + "</span>" })

回应评论

$(function() {
   var s = $(yourdiv).html();
   s = s.replace(/[^.]/g, function($0) { replacement code });
   $(yourdiv).html(s);
});

这会从div读取html，执行替换操作并将html放回文档。