div 및 이미지를 동적으로 추가하는 방법은 무엇입니까?

Question

저는 div와 이미지를 자바 스크립트를 사용하여 그 안에 추가 할 수있는 방법이 있는지 묻고 싶습니다.

그래서 기본적으로 이미지는 배열에 저장됩니다. displayAllImages 기능은() #images 사업부에 이미지를 추가하지만 난 그 함수가 DIV를 추가해야 할 새로운 사업부 내에서가 배경 또는 이미지로 될 수있는 이미지가 있어야합니다 Div에 포함되어 있습니다. 과 같이 모든 이미지에 대해 반복해야합니다. 3 이미지는 배열의 3 가지 이미지/요소를 포함하는 3div로 표시되어야합니다. 배열 구현에만 집중하십시오. 감사!

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

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++) { 
 
      \t \t 
 
      x.append("<img class='roll' src='" + gallery[i] + "'>"); 
 
     } 
 
    }; 
 
    \t 
 
    $(function() { 
 
     displayAllImages(); 
 
    });

#container { 
 
    width:600px; 
 
    height:600px; 
 
    background-color:#000; 
 
    } 
 

 
    .roll { 
 
     margin:4px; 
 
     }

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

Answer 1

당신은이 같은 뜻?

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

Updated Fiddle