有没有办法用jQuery搜索和替换填充HTML?

时间:2010-08-25 15:29:03

标签: jquery search replace

只是一个小问题。说我有以下HTML:

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

现在我们还有一个包含10个条目的JS数组,所有条目都带有一个键'text'。我想将上面的代码段用作阵列的模板(代码段位于jQuery-able网页中)。数组条目进入,HTML出来。这是一个棘手的部分:我想用数组条目中的文本键替换{text}。

当然还有jQuery ;-)。

致以最诚挚的问候,

雷因德

1 个答案:

答案 0 :(得分: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的方式使用它。在上面的例子中,我使用了Object而不是Array。使用数组可以正常工作。

相同的例子,但有一个数组: http://jsfiddle.net/WZ2Vk/1/

如果您要替换实际的HTML内容,请将.text()更改为.html()

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