Jquery .each函数替换内容

时间:2017-07-15 06:30:08

标签: jquery ajax frontend

我很难找到解决方案

在HTML中

<div class="content"></div>

少数人

var $content = $(".content");
var $loading_card = '<div class="loading_card"><div class="loader_gif"></div></div>';

然后我用了Ajax

 $.ajax({
        type: 'GET',
        url: 'url',
        dataType: 'json',
        success: function(data, success) {
           $.each(data.DATA, function(i, items) {
             $content.prepend($loading_card);
               $.ajax({
                 type: 'POST',
                 url: 'url',
                 data: data,
                 dataType: 'json',
                 success: function(data, success) {
                   var html_content = '<div class="html"></div>';
                     $loading_card.html(html_content);
                 },
                   error: function() {
                 }

问题只是html_content在加载卡中添加相同。加载卡是单独的div,我必须在每张卡内放置不同的数据。它只是覆盖。任何帮助,将不胜感激。

1 个答案:

答案 0 :(得分:0)

您可以尝试更新代码。

$.ajax({
        type: 'GET',
        url: 'url',
        dataType: 'json',
        success: function(data, success) {
           var idCounter=1;
           $.each(data.DATA, function(i, items) {
             var loading_cardid="loading_card"+idCounter;
             idCounter+=1;
             var $loading_card = '<div id="'+loading_cardid+'" class="loading_card"></div>';
             $content.prepend($loading_card);
               $.ajax({
                 type: 'POST',
                 url: 'url',
                 data: data,
                 dataType: 'json',
                 success: function(data, success) {
                   var html_content = '<div class="html">'+data+'</div>';
                     $("#"+loading_cardid).html(html_content);
                 },
                   error: function() {
                 }