2016-07-23 87 views
1

我的html代碼:追加HTML內容HTML中使用AJAX

<td class="fc-day fc-widget-content fc-sun fc-past" data-date="2016-07-17"></td> 
<td class="fc-day fc-widget-content fc-mon fc-past" data-date="2016-07-18"></td> 

我要追加的HTML,如果該數據日期開始日期和結束日期之間來的。

$(document).ready(function(){ 
    var d = $(".fc-day").data('date'); 
    $.ajax({ 
     url : '<?php echo base_url()."admin/utilities/get_task_assign_staff" ?>', 
     dataType : 'json', 
     success : function(responce){    
      $(".fc-day").each(function(){ 
       var d = $(".fc-day").data('date'); 
       if(d == responce[0].startdate) 
       { 
        this.append("<span class='fc-title'>"+responce[0].name+"</span>"); 
       } 
      }); 
     } 
    }); 
}); 

例如,我的開始日期是2016-07-05日期和結束日期是2016-07-09不是附加responce[0].name給定<td>數據最新的開始日期和結束日期之間來的。

那麼,我應該寫什麼jQuery?

回答

1
$(document).ready(function(){ 
    $.ajax({ 
    url : '<?php echo base_url()."admin/utilities/get_task_assign_staff" ?>', 
    dataType : 'json', 
    success : function(responce){  
     $('.fc-day').each(function(){ 
      var data_date = $(this).attr('data-date'), 
       response = $.parseJSON(responce); 
      if(data_date == response.startdate){ 
       $(this).html("<span class='fc-title'>"+response.name+"</span>"); 
      } 
     }); 
     } 
    }); 
}); 
  1. 要從包含該類FC-天的要素獲取屬性date_date。這是你如何得到這個屬性。 ('。fc-day')。each(function(){var data_date = $(this).attr('data-date');});

  2. 你已經表明你期待JSON作爲響應,所以你想要使用parseJSON來獲得你的響應。

我希望我幫助解決了您的問題。歡呼聲