динамическое создание множественного вложенного div с изображением в jquery

Question

Я хочу добавить несколько раз 2 вложенных div и изображение внутри div с id 'owl-demo'.

Я написал следующий код:

var imgsrc = ''; 
$.each(data , function(key , value) {             
var itemDiv = $("<div class='item' onclick=getItem(prodId)>") 
       .append($("<div class='cau_lef' id='hill'> ")) 
       .append($("<img class='lazyOwl' alt='Lazy Owl Image' />").attr('src',imgsrc)); 

$("#owl-demo").append(itemDiv);  
}); 

HTML-КОД нижеследовал: -

<div class="main_bg1"> 
     <div class="wrap"> 
      <div class="main1" > 
       <h2 id="category2"> </h2> 
      </div> 
     </div> 
    </div> 
    <div class="wrap"> 
     <div id="owl-demo" class="owl-carousel"> 
     </div> 
    </div> 

Хотя я Aam не получая ошибки Js, я также не получая никакого выхода. , пожалуйста, помогите мне с этим. Где я иду не так?

Answer 1

; символ с конца второй линии:

var itemDiv = $("<div class='item' onclick=getItem(prodId)>") 
       .append($("<div class='cau_lef' id='hill'> ")) 
       .append($("<img src='" + imgsrc + "' class='lazyOwl' alt='Lazy Owl Image' />"))); 

jsFiddle

Answer 2

Поместите свой код JS или файлы в нижней части. Данные в foreach не определены. Y вы используете данные?