Question

我很好奇如何从我的返回div结果中循环json。

这是我想要的结果：

<div id="imgdiv">
  --wanna loop this div and all the inner div and everything as well 
  <div id="rbox" style="display:none">
    Doa ini telah dihantar sebanyak <span class="counter"></span> kali.
    <br/>
    <br/>
    <br/>
    <span class="buttonshare"><a href="">Klik untuk pilih doa</a></span>
  </div>
</div>

这是我目前的jQuery代码：

$.ajax({type :'GET',
        url : 'getallimg.php',
        dataType : 'json',
        success : function(data){
          $.each(data, function(i,item){
            $("#loader").hide(500);
            $("<div class='imgdiv'><img src='imagedoa/"+item.imgname+".jpg' width='450' height='150' /></div></br>")
            .appendTo("#doaimgbox");
           });-->stuck up here

这是我正在寻找的欲望代码

<div id="doaimgbox"><!-- parent div -->

       <!-- looping portion -->
      <!-- I wanna loop this div based on length json return result let's say 3 -->

        <div class="imgdiv">

            <img src="imagedoa/d0.jpg" width="400" height="150" />
            <div id="rbox">
                Was sent <span class="counter"></span> times.
                <br/>
                <br/>
                <br/>
                <span class="buttonshare"><a href="">Click to select</a></span>
            </div>
        </div>
    <!-- looping portion -->
</div><!-- end parent div -->

真的需要帮助。

Answer 1

你可以添加创建模板，假设名称是myTmpl

var myTmpl="<div id="imgdiv">--wanna loop this div and all the inner div and everything as well 
            <div id="rbox" style="display:none">
                Doa ini telah dihantar sebanyak <span class="counter"></span> kali.
                <br/>
                <br/>
                <br/>
                <span class="buttonshare"><a href="">Klik untuk pilih doa</a></span>
            </div>
        </div>"

你可以在你的div中使用它，假设你想为每个返回的数据添加它来自你的ajax电话

$.each(data,function(){
    $(myTmpl).appendTo('body');
})

使用jquery循环div

1 个答案: