Updated Fiddle

Question

我想问一下，有哪种方法可以使用javascript在其中添加div和图像？

所以基本上，图像存储在一个数组中。 displayAllImages function（）将图像附加到div #images ，但我希望该函数附加 div ，并且在新div中应该有图片可以是背景，也可以是div中包含的图片。这应该对所有图像重复，因为 3个图像应该显示为包含3个不同图像/数组元素的3个div 。尽量坚持使用数组实现。谢谢！

Jsfiddle：http://jsfiddle.net/1qk3voxq/

＆＃13;

    var gallery= new Array();

    gallery[0]="http://s6.tinypic.com/1zd1a47_th.jpg";
    gallery[1]="http://s6.tinypic.com/2ngh9ty_th.jpg";
    gallery[2]="http://s6.tinypic.com/29zy5qf_th.jpg";

    var x= $("#images");

    function displayAllImages() {
        var i = 0,
            len = gallery.length;        
        for (; i < gallery.length; i++) {
            		
           x.append("<img class='roll' src='" + gallery[i] + "'>");
        } 
    };
    	
    $(function() {
        displayAllImages();
    });

＆＃13;

    #container {
     width:600px;
     height:600px;
     background-color:#000;
     }

    .roll {
        margin:4px;
      }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="container">
    <div id=images></div>
    </div>

＆＃13;

Answer 1

你是说这个意思吗？

x.append("<div class='roll'><img  src='" + gallery[i] + "'></div>");

如何动态附加div和图像？

1 个答案:

Updated Fiddle