在jQuery中将变量传递给.load(html)

假设我有这样的jquery代码:

html += '
' + item.index + '
';

// many more similar html += statements

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

这个html太难以管理了,所以我想把它移到外部文件中.在加载变量时将变量传递给HTML的最佳方法是什么？我只需要加载它然后将jquery命令放在第一个JS文件中吗？这就是它的样子,但我宁愿使用更像模板的方法.

将HTML放在HTML文件中.然后在jQuery上使用模板插件来扩展它.

一些模板插件:

jsRepeater

jTemplates

noTemplate