2016-07-23 73 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来获得你的响应。

我希望我帮助解决了您的问题。欢呼声