在原始文本字符串中的字符周圍插入跨度和類

Question

我有一串原始文字，看起來像這樣：

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

不幸的是，我無法訪問源代碼，但是需要為每個字符添加一個帶有類的范圍，以便輸出的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放回到文檔中。