使用jquery

Question

  

我想在id为'owl-demo'的div中多次添加2个嵌套div和一个图像。

我写了以下代码：

 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>

  

虽然我没有得到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中的数据未定义。你在使用数据吗？