Question

如何使用jQuery选择器返回的数据渲染模板，例如mustache.js？像这样：

var imgs = $('img'),
    arrayOfImgs = { img : $.makeArray(imgs) },
    template = "{{#img}} <span> {{.}} </span> {{/img}}",
    html = Mustache.render(template, arrayOfImgs);
$('.portfolio').html(html);

这不起作用$.makeArray(imgs)返回img个对象的数组，是否有解决方法？

Answer 1

你必须将HTML作为字符串返回，这可以通过$ .map轻松完成并返回this.outerHTML

var imgs = $('img'),
    arrayOfImgs = $.map(imgs, function(el) { return el.outerHTML; }),
    template = "{{#img}} <span> {{.}} </span> {{/img}}",
    html = Mustache.render(template, arrayOfImgs);

$('.portfolio').html(html);

Answer 2

只需使用var imgs = $('img')即可。它已经是一组img html标签。我不知道胡子是如何工作的。

如何使用jQuery选择器返回的数据和模板？

2 个答案: