jquery.tmpl.js是一個(gè)輕量級(jí)的javascript模板引擎，它提供了一個(gè)"each"函數(shù)，用于循環(huán)遍歷數(shù)組或?qū)ο螅⒃诿看窝h(huán)中根據(jù)指定的模板生成HTML代碼。

var data = [
{name: "張三", age: 18},
{name: "李四", age: 20},
{name: "王五", age: 22}
];
$.tmpl.each(data, function(index, item) {
$('body').append('
'+item.name+'今年'+item.age+'歲了。
');
});

以上代碼首先定義了一個(gè)數(shù)組data，包含了三個(gè)對(duì)象，每個(gè)對(duì)象都有一個(gè)"name"和"age"屬性。然后使用each函數(shù)遍歷了這個(gè)數(shù)組，每次循環(huán)都會(huì)執(zhí)行回調(diào)函數(shù)，回調(diào)函數(shù)中的"item"參數(shù)就代表了數(shù)組中的當(dāng)前元素，"index"參數(shù)則代表了當(dāng)前元素的索引。在回調(diào)函數(shù)中，使用jquery的append函數(shù)向body元素中添加了一段HTML代碼，用于展示當(dāng)前元素的"name"和"age"屬性。

在生成HTML代碼的過程中，jquery.tmpl.js會(huì)自動(dòng)根據(jù)指定的模板進(jìn)行替換。例如，如果我們想要添加一些樣式來美化輸出的內(nèi)容，可以使用下面的代碼：

$.tmpl.each(data, '#tmpl', function(index, item) {
$('body').append(item);
});

這里首先定義了一個(gè)id為"tmpl"的