如何根据数据重复html div

时间:2013-06-10 17:18:58

标签: jquery

我对此很新。我有<div><h2><label id="AC">3JD</label></h2></div>。我想根据数据重复这一点。

var obj = $.parseJSON(alltask).Tasks;        
    $.each(obj, function(i, val){
        document.getElementById("AC").innerHTML = val.Air;
    });     
}

如果它返回4 diff。 AC。我想要展示4次。截至目前,它显示了每个循环中的最后一个AC。

谢谢,

1 个答案:

答案 0 :(得分:0)

这应该是在编写代码时,请查看以下内容

var htmlString = '<div><h2><label id="AC{1}">{0}</label></h2></div>';
var FinalHtml="";
var obj = $.parseJSON(alltask).Tasks;        
    $.each(obj, function(i, val){
      FinalHtml = FinalHtml + htmlString.Replace('{0}',val.Air).Replace('{1}',i.toString());
    });     
}