I trying for a long time to append a image to td whose class is add_status.The class is defined dynamically here is the code i tried.
$('.index > tbody:last').append
('<tr><td class=col-checkbox><input class="checkbox" type="checkbox" name="ids" value="'+response[i].PROSPECT_NO+'"></input>'+
'</td><td class="show_hide"><a href="#">'+response[i].PROSPECT_NO+
'</td><td>'+response[i].COMPANY_NAME+
'</td><td>'+response[i].PROSPECT_SOURCE+
'</td><td>'+days+
'</td><td>'+response[i].PROSPECT_TYPE+
'</td><td class="add_status" style="text-align:center"></td><td><a href="">edit</a></td>'+
'</td><td><input type="hidden" name="client_id" class="client_id" value='+response[i].CLIENT_ID+
'></input></td><td><input type="hidden" name="client_id" class="client_id" value='+response[i].JOB_ID+
'></input></td></tr>');
}
To append my loading image
$('<img>', {
src: 'css/Images/ajax-loader.gif',
class: 'img_status',
}).appendTo("tbody td");
I am trying to append loading image because my response will be slower. thanks.
try append using class name like below
$('.index > tbody:last').append
('<tr><td class=col-checkbox><input class="checkbox" type="checkbox" name="ids" value="'+response[i].PROSPECT_NO+'"></input>'+
'</td><td class="show_hide"><a href="#">'+response[i].PROSPECT_NO+
'</td><td>'+response[i].COMPANY_NAME+
'</td><td>'+response[i].PROSPECT_SOURCE+
'</td><td>'+days+
'</td><td>'+response[i].PROSPECT_TYPE+
'</td><td class="add_status" style="text-align:center"></td><td><a href="">edit</a></td>'+
'</td><td><input type="hidden" name="client_id" class="client_id" value='+response[i].CLIENT_ID+
'></input></td><td><input type="hidden" name="client_id" class="client_id" value='+response[i].JOB_ID+
'></input></td></tr>');
$('<img>', {
src: 'css/Images/ajax-loader.gif',
class: 'img_status',
}).appendTo(".add_status");
}
Try with
$('<img>', {src: 'css/Images/ajax-loader.gif', class: 'img_status'}).appendTo("tbody td.add_status");