javascript - 以更好的方式从数组生成 html

Question

假设我有一个 Customer 结构数组，我需要从中生成 HTML。

目前我做这样的事情:

jQuery.each(customers, function(index, item) {
     html =+ "<tr custID='" + item.ID + "'><td>" + item.Name + "</td><td>" + item.City + "</td></tr>";  
});

这里的问题是我手动添加了 custID 属性。我相信最酷的方法是使用 jQuery 的 Data 函数。

但是在这种情况下我该如何使用它呢？

Answer 1

优雅的方法不是像文本一样附加这些 html 标签，而是使用

创建元素

document.createElement("tr");

您可以修改其属性，然后将其附加到 html 文件中。

在这里阅读更多内容:

jQuery document.createElement equivalent?