Javascript 如何在html中重复相同的代码（但每次略有不同）？

所以我在做一个项目，一个页面上一遍又一遍地有相同的基本代码，我想知道如何比复制/粘贴721次代码更快地完成这项工作

PokeDex#

口袋妖怪


A型-B型

您可以只针对父容器，然后使用jQuery创建所需的项目数量。一行HTML。。。然后一个jQuery循环将所有其他内容填充到该容器中，721次

var num=721//需要定义的次数
对于（var i=1；i如果你不能使用服务端技术，或者不能将html编译为Haml，并且你想使用javascript和html…在jquery的帮助下，这样你就不必重新发明轮子了

一种解决方案是隐藏用作模板的html，然后使用jquery（或其他库或普通javascript）将其作为字符串抓取，进行替换，然后将结果字符串作为html插入dom

这里是一个只有三次迭代的快速示例。您需要填充每次重复的特定数据。我使用对象列表作为数据

如果我是你，我会使用一个像击倒，棱角，或胡子库


//每次迭代的数据
风险值数据=[
{name:'Pikachu'，dex:'pikachuDex'，typeA:'pikachuA'，typeB:'pikachuB'}，
{name:'Charmander'，dex:'charmanderDex'，typeA:'charmanderA'，typeB:'charmanderB'}，
{name:'Ratata'，dex:'ratataDex'，typeA:'ratataA'，typeB:'ratataB'}
];
//获取模板
var template=$（“.pokeFloat”）.html（）；
//迭代数据、自定义模板、附加到html
对于（变量i=0；i





PokeDex#

口袋妖怪


A型-B型

P.S.：您的代码中有一个错误：结束标记（如
）不能有任何属性！您是否使用任何JS框架？您是说您当前正在手动复制、粘贴并更改此代码？您正在寻找一种方法来节省执行此操作时的时间（一次性？）任务？大概您有一个文件列表。该列表当前的格式是什么（纯文本？仅为目录中的文件？）？使用服务器端语言（如PHP）或使用javascript框架（如AngularJS），允许您循环数据（来自数据源或硬编码值）不要在

中用“

for…”迭代数组，不要用正则表达式解析HTML，等等。@Oriol请您解释一下为什么我不应该这样做。请看和@Oriol关于for的内容。在中，我明白您的意思，但在这个上下文中是相同的。无论如何，我已经解决了这个问题。但是关于正则表达式，我同意有更好的选择，但除了性能之外，我不知道它是如何实现的在这个特殊的例子中，d是一个问题。此外，我的想法是作为思考问题的指南。如果你想找出一个问题，一个更大的问题是，我的解决方案不克隆根节点，只克隆内部html。我喜欢这样，但我不确定实际如何更改pokemoname和类型values@Skwarka有点取决于数据来自何处，如果所有数据都是手动输入的话……您可以切换到一个包含名称列表和其他单个数据的数组中进行迭代……这并不理想，但比手动键入名称要好得多。这只是为了向您演示如何操作。我不希望它是一个直接复制/粘贴解决方案。