有没有一种方法可以'用jQuery搜索n替换fill'HTML?

问题描述:

只是一个小问题。假设我有以下HTML:有没有一种方法可以'用jQuery搜索n替换fill'HTML?

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

现在我们还有一个带有10个条目的JS数组,每个条目都带有一个'文本'键。我想要使​​用上面的代码片段作为模板(代码片段驻留在jQuery能够访问的网页中)。数组入口进入,HTML出来。以下是棘手的部分:我想用数组条目中的文本键替换{text}。

所有与jQuery当然;-)。

最好的问候,

雷因德

+1

你尝试过什么吗? – 2010-08-25 15:31:01

试试看: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