Передача переменных в .load (html) в jQuery

Question

Скажите, у меня есть код jquery, как это:

html += '<div class="index">' + item.index + '</div>';

// many more similar html += statements

// load items
$('div').append(html);

Этот html становится слишком неуправляемым, поэтому я хотел бы переместить его во внешний файл. Каков наилучший способ передать переменные в HTML, когда я загружаю его? Должен ли я просто загрузить его, а затем поместить команды jquery в первый файл JS? Вот как это выглядит, но я бы предпочел использовать более шаблонный метод.

Answer 1

положить HTML, где он принадлежит, в файле HTML. затем используйте шаблонный плагин в jQuery для его расширения.

некоторые плагины шаблонов:

• jsRepeater
• jTemplates
• noTemplate