使用jquery创建多个div

我需要根据集合中的对象数量创建多个div，如下所示

  <div class="container">
    <a href="#">title test</a>
    <div class="video">
    video test
    </div>
    </div>

视频测试

我想使用jquery来实现这一点

for(i =0 ;i < list.size; i++){

$("#wrapper").append(createDiv(list[i]));

}

function createDiv(object){

 return <div class="container">
    <a href="object.link">object.title</a>
    <div class="video">
    object.video
    </div>
    </div>;
}

for（i=0；i

我觉得这样做太难了，因为我可能需要重新构建

容器

类。例如，我可能想放入另一个div标记或更多链接。我想知道是否有另一种方法可以做到这一点，从而使我的代码具有灵活性。我应该使用诸如

createElement

之类的查询函数，而不是

createDiv

返回一个大字符串吗

---

感谢您的建议：）

处理此类问题的最佳方法是使用模板库。模板允许您将HTML标记定义为带有标记的字符串

然后，您可以将模板应用于项目列表，它将用每个项目的匹配属性替换标记。这将通过消除循环列表的需要来清理代码

有几种流行的模板库：

• （这已被弃用，但仍被许多人使用）

下面是一个关于如何在项目列表上使用jQuery模板的快速示例：

var gridTemplate = '<div class="my-item">' +
                       '<div class="my-list-item-value">${ItemName}</div>' +
                       '<a href="#">$[DeleteLink]</a>' +
                   '</div>';
$.templates("gridTemplate", gridTemplate);

var gridTemplate=''+
“${ItemName}”+
'' +
'';
$.templates（“gridTemplate”，gridTemplate）；

Underline.js允许您在实际的

.HTML

文档中定义HTML，从而保持JavaScript文件的整洁。然后，只要将标记保留在HTML文件中，就可以随意更改HTML模板，而不会影响JavaScript

---

这里有一篇关于的好文章。

处理此类问题的最佳方法是使用模板库。模板允许您将HTML标记定义为带有标记的字符串

然后，您可以将模板应用于项目列表，它将用每个项目的匹配属性替换标记。这将通过消除循环列表的需要来清理代码

有几种流行的模板库：

• （这已被弃用，但仍被许多人使用）

下面是一个关于如何在项目列表上使用jQuery模板的快速示例：

var gridTemplate = '<div class="my-item">' +
                       '<div class="my-list-item-value">${ItemName}</div>' +
                       '<a href="#">$[DeleteLink]</a>' +
                   '</div>';
$.templates("gridTemplate", gridTemplate);

var gridTemplate=''+
“${ItemName}”+
'' +
'';
$.templates（“gridTemplate”，gridTemplate）；

Underline.js允许您在实际的

.HTML

文档中定义HTML，从而保持JavaScript文件的整洁。然后，只要将标记保留在HTML文件中，就可以随意更改HTML模板，而不会影响JavaScript

这里有一篇关于你的好文章