Javascript 使用ajax将html内容附加到html

Javascript 使用ajax将html内容附加到html,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我有如下html代码: <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> 如果数据日期介于startdate和enddate之间,我想附加html $(document).

我有如下html代码:

<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>

如果数据日期介于startdate和enddate之间,我想附加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>");
                }
            });
        }
    });
});
$(文档).ready(函数(){
var d=$(“.fc日”).data('date');
$.ajax({
url:“”,
数据类型:“json”,
成功:函数(响应){
$(“.fc day”)。每个(函数(){
var d=$(“.fc日”).data('date');
如果(d==响应[0]。开始日期)
{
this.append(“+response[0].name+”);
}
});
}
});
});
例如,我的起始日期是
2016-07-05
,结束日期是
2016-07-09
,然后将
response[0]追加到给定的
中。该数据日期介于起始日期和结束日期之间

$(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>");
                }
            });
        }
    });
});
那么,我应该编写什么jQuery呢?

$(document).ready(function()){
$(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>");
            }
        });
      }
   });
});
$.ajax({ url:“”, 数据类型:“json”, 成功:函数(响应){ $('.fc day')。每个(函数(){ var data_date=$(this).attr('data-date'), response=$.parseJSON(response); 如果(数据\日期==响应.startdate){ $(this.html(“+response.name+”); } }); } }); });
  • 您希望从包含类fc day的元素中获取属性date\u date。这就是获得该属性的方式

    $('.fc day').each(function(){var data_date=$(this.attr('data-date');})

  • 您已经表示希望JSON作为响应,因此您可能希望在得到响应后使用parseJSON

  • 我希望我帮助解决了你的问题。干杯