append html content to html using ajax

Question

I have html code like this :

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

I want to append html if the data-date come's in between startdate and enddate.

$(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>");
                }
            });
        }
    });
});

For Example, my startdate is 2016-07-05 and enddate is 2016-07-09 than append responce[0].name to the given <td> that data-date come's in between startdate and enddate.

So what jQuery should I have to write?

alieni · Accepted Answer · 2016-07-23 10:19:29Z

$(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>");
            }
        });
      }
   });
});

You want to get the attribute date_date from the elements that contain the class fc-day. This is how you get this attribute.

$('.fc-day').each(function(){var data_date = $(this).attr('data-date');});
You have indicated that you expecting JSON as response, so you want to probably use parseJSON for the responce you got.

I hope i helped to solve your issue. Cheers

Collectives™ on Stack Overflow

append html content to html using ajax

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related