2010-09-08 26 views
2

的字符串我有原始文本字符串,它看起來是這樣的:插入周圍人物的跨度和類原始文本

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的最佳方法?

回答

0

你需要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迴文檔。

+0

你能否澄清一下在實際中如何使用?就像在腳本標記中調用它並讓它變成魔法一樣簡單嗎?我將如何針對執行字符串替換的特定元素? – StuartF 2010-09-08 23:05:26

+0

我將有一個獨特的ID,我將不得不執行string.replace一個div。文本在加載時會出現在文檔中,此時我需要執行替換,以便能夠將CSS樣式應用於字符串中的單個字符。 – StuartF 2010-09-08 23:18:08

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