使用ajax将html内容附加到html

时间:2016-07-23 09:46:38

标签: 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).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>,数据日期介于startdate和enddate之间。

那么我应该写什么jQuery?

1 个答案:

答案 0 :(得分: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-day的元素中获取属性date_date。这就是你获得这个属性的方法。

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

  2. 您已经表示您希望JSON作为响应,因此您可能希望将parseJSON用于您所获得的响应。

  3. 我希望我帮助解决你的问题。干杯