Javascript 如何克隆div并更改克隆div中的HTML数据

Javascript 如何克隆div并更改克隆div中的HTML数据,javascript,html,jquery,Javascript,Html,Jquery,我花了很多时间在这个问题上,但没能弄明白这一点。我想克隆一个名为box的div。目前,我在html页面中一次又一次地为10个框编写代码,并将它们的数据放入其中。我现在明白这不是正确的方法,因为代码越来越长。我想要的是克隆的盒子里面有不同的数据。例如,框1中的标题和数据应与框2不同,依此类推 我尝试的内容:我尝试在for循环中使用JQuery,方法是使用.clone()函数。结果很好,但我无法访问克隆的元素。请提供一个例子,因为我对这个很陌生,浪费了很多时间 主要目标:消除重写框的HTML代码(例

我花了很多时间在这个问题上,但没能弄明白这一点。我想克隆一个名为box的div。目前,我在
html
页面中一次又一次地为10个框编写代码,并将它们的数据放入其中。我现在明白这不是正确的方法,因为代码越来越长。我想要的是克隆的盒子里面有不同的数据。例如,框1中的标题和数据应与框2不同,依此类推

我尝试的内容:我尝试在for循环中使用
JQuery
,方法是使用
.clone()
函数。结果很好,但我无法访问克隆的元素。请提供一个例子,因为我对这个很陌生,浪费了很多时间

主要目标:消除重写框的
HTML
代码(例如,如果我有10个框),但在10个框中有不同的数据。例如标题,在iconbar 2类下。。请帮帮我。谢谢


您可以使用jquery循环并将数据保存在数组中。现在,当循环运行时,数据将填充到div中

var things=[“太阳能光伏”、“电池”、“电源”、“视频”];
for(var i=0;i


没有您的代码无法帮助您。这是一个关于的答案。嘿@LouysPatriceBesette,我已经用代码更新了。谢谢