Question

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

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

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

当然还有jQuery ;-)。

致以最诚挚的问候，

雷因德

Answer 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/

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

1 个答案: