Javascript 如何创建包含内容的div数组？

我试图创建一个嵌套div数组，在将div写入文档（html）时，只需更改其中的3个值

我的div是这样的：

<div class="item">
   <div class="item-h"> <a class="item-anchor" href="1_water_bottle.html">
     <div class="item-image"> <img class="item-image-first" src="images/img_1_water_bottle.png" alt="">
       <div class="item-meta">
         <h2 class="title">Water Bottle 1</h2>
         <span class="item-arrow"></span> </div>
     </div>
     </a> </div>
</div>

我可以使用这两个脚本用div数组中的4个项目填充一个部分吗

如果是的话，那我怎么做呢？我知道它可以在php中完成，但不知道是否可以在javascript中完成

我尝试了，并在记事本++中创建了这个数组，但是代码没有被识别为字符串，每个数组元素

var array_divs = [ 
$('<div class="item">
     <div class="item-h"> <a class="item-anchor" href="1_water_bottle.html">
     <div class="item-image"> <img class="item-image-first" src="images/img_1_water_bottle.png" alt="">
     <div class="item-meta">
     <h2 class="title">Water Bottle 1</h2>
     <span class="item-arrow"></span> </div>
     </div>
     </a> </div>
 </div>') ,

$('<div class="item">
     <div class="item-h"> <a class="item-anchor" href="1_water_bottle_2.html">
     <div class="item-image"> <img class="item-image-first" src="images/img_1_water_bottle_2.png" alt="">
     <div class="item-meta">
     <h2 class="title">Water Bottle 2</h2>
     <span class="item-arrow"></span> </div>
     </div>
    </a> </div>
</div>')

]

var数组_divs=[
$('
') ,
$('
')
]

尝试使用数组中的选定项填充节，例如：

document.write（array_divs[1]，array_divs[2]）

我没有尝试过这个，但是由于notepad++没有将我的div作为字符串处理，我不得不再次搜索。。。但是找不到任何关于这个的信息

谢谢你的帮助

-
我会认真考虑采用不同的方法来实现您的目标。使用js在DOM中创建和插入元素是一种比
文档更干净、更不容易出错的方法。编写
——使用一大堆HTML代码。我将研究MVC（或者，正如我目前使用的，主干js（MV*））模式与Javascript模板引擎的结合。与其将div存储到数组中，不如存储视图对象。通过将这些“视图”对象保留在内存中，不仅可以保留DOM元素（div），还可以直接访问存储视图的属性/方法。我假设您提到的三个值是可变数据；它们可以随时重新馈送到视图对象（表示模型），从而在屏幕上自动重新呈现视图。@ElGavilan:本打算在js文件中定义数组，但要将数组放入页面，我只需要在html页面中使用document.write。因为即使我把js文件放在需要显示内容的地方，它也不会自己写。。。还有，我如何使用你的方法？我只知道dom是html中的一个区域，所有javascript文件都放在这里，脚本由浏览器处理。它通常位于head标签中，但也可以在body标签关闭之前放置。。。我如何在dom中实现这一点？感谢根据我的经验，学习MVC框架的最好方法是观看教程并直接进入其中。一开始它看起来很麻烦（对我来说的确如此），但一旦你习惯了，与它一起工作真的很棒。主干还依赖于jQuery。就我个人而言，如果没有它，我不会再开发任何web应用程序，而是为每个人开发自己的web应用程序。我不能给你们一个简单的例子，最好是从它开始。我担心，如果你继续走你现在要走的路，你可能会进入意大利面地狱。查看模块化编程和依赖关系管理的Requirejs。
var array_divs = [ 
$('<div class="item">
     <div class="item-h"> <a class="item-anchor" href="1_water_bottle.html">
     <div class="item-image"> <img class="item-image-first" src="images/img_1_water_bottle.png" alt="">
     <div class="item-meta">
     <h2 class="title">Water Bottle 1</h2>
     <span class="item-arrow"></span> </div>
     </div>
     </a> </div>
 </div>') ,

$('<div class="item">
     <div class="item-h"> <a class="item-anchor" href="1_water_bottle_2.html">
     <div class="item-image"> <img class="item-image-first" src="images/img_1_water_bottle_2.png" alt="">
     <div class="item-meta">
     <h2 class="title">Water Bottle 2</h2>
     <span class="item-arrow"></span> </div>
     </div>
    </a> </div>
</div>')

]