Как я могу использовать данные, возвращаемые селектором jQuery с шаблонами?

Question

Как я могу использовать данные, возвращаемые селектором jQuery с шаблонами?

0

Как я могу отобразить шаблон, например, mustache.js, используя данные, возвращаемые селектором jQuery? Вот так:

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

Это не работает, поскольку $.makeArray(imgs) возвращает массив объектов img, есть ли работа вокруг?

gskalinskii 06 янв. 2014, в 21:13

Источник

1

Вам придется возвращать HTML в виде строки, что легко сделать с помощью $.map и вернуть this.outerHTML , но, как правило, это плохая идея, и просто использование wrap() кажется более подходящим?
adeneo 06 янв. 2014, в 19:48
0

@ Adeneo Thnx много, что работало. Просто с .map () пришлось использовать .get (). Шаблон немного сложнее. Span просто для демонстрации. Если вы сделаете ответ, будем рады принять его.
gskalinskii 06 янв. 2014, в 20:47
0

Конечно я выложу пример!
adeneo 06 янв. 2014, в 20:49

Показать ещё 1 комментарий

Теги:

javascript

jquery

templates

2 ответа

0

Просто используйте var imgs = $('img'). Это уже массив тегов img html. Я не знаю, как работает Усы.

tenub 06 янв. 2014, в 17:45

0

на самом деле это объект jQuery learn.jquery.com/using-jquery-core/jquery-object
gskalinskii 06 янв. 2014, в 20:43

Ещё вопросы

Вам придется возвращать HTML в виде строки, что легко сделать с помощью $.map и вернуть this.outerHTML , но, как правило, это плохая идея, и просто использование wrap() кажется более подходящим?
@ Adeneo Thnx много, что работало. Просто с .map () пришлось использовать .get (). Шаблон немного сложнее. Span просто для демонстрации. Если вы сделаете ответ, будем рады принять его.
на самом деле это объект jQuery learn.jquery.com/using-jquery-core/jquery-object

adeneo · Accepted Answer · 2014-01-06T18-33-00.000Z

Вам нужно будет вернуть 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);