2010-08-25 62 views
0

只是一個小問題。假設我有以下HTML:有沒有一種方法可以'用jQuery搜索n替換fill'HTML?

<div class="foo"> 
    {text} 
</div> 

現在我們還有一個帶有10個條目的JS數組,每個條目都帶有一個'文本'鍵。我想要使​​用上面的代碼片段作爲模板(代碼片段駐留在jQuery能夠訪問的網頁中)。數組入口進入,HTML出來。以下是棘手的部分:我想用數組條目中的文本鍵替換{text}。

所有與jQuery當然;-)。

最好的問候,

雷因德

+1

你嘗試過什麼嗎? – 2010-08-25 15:31:01

回答

1

試試看:http://jsfiddle.net/WZ2Vk/

(需要jQuery的1.4或更高版本)

var newText = { 
    text: "some new text", 
    othertext: "some other new text" 
} 

$('div.foo').text(function(i,txt) { 
    var key = txt.match(/\{([^}]+)\}/)[1]; 
    return newText[key]; 
}); 

你沒有給結構的數組,但我假設你以一種方式使用它呃適合一個對象。在上面的例子中,我使用了Object而不是Array。使用Array可以很好地工作。

相同的例子,但有一個數組:http://jsfiddle.net/WZ2Vk/1/

如果您與實際HTML內容替換,然後更改.text().html()

http://jsfiddle.net/WZ2Vk/2/

+0

謝謝!這完全是訣竅。 – 2010-08-26 10:45:56

相關問題