Question

我正在尝试创建一个嵌套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>

我需要创建一个包含大约50个项目的数组，然后使用document.write函数为每个页面编写4个这样的数组，作为“类似内容”的部分。

我搜索了stackoverflow，并提出了:: this page ::，它解释了如何在javascript中创建一个数组，然后找到另一个使用document.write函数的脚本。

该脚本使用一组类别来填充表单选择。它会这样做，但使用数组：（var categories = new Array("a1", "a2", "a3", ...)等等。

for(var hi=0; hi<categories.length; hi++) 
        document.write("<option value=\""+categories[hi]+"\">"+categories[hi]+"</option>");

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

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

我试过，并在notepad ++中创建了这个数组，但是每个数组元素都没有将代码识别为字符串......

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>')

]

尝试使用数组中的选择项填充该部分，例如：

document.write(array_divs[1],array_divs[2]);

我没试过这个，但是因为notepad ++没有将我的div视为字符串，所以我不得不再次搜索...但是找不到任何关于此的信息。

感谢您的帮助。

-

如何用内容创建一个div数组？

0 个答案: