如何将图像附加到动态创建的表

时间:2014-03-26 09:25:58

标签: php jquery ajax

我尝试了很长时间将图像附加到其类为add_status的td。该类是动态定义的 这是我试过的代码。

$('.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("tbody td");

我正在尝试追加加载图片,因为我的回复速度会变慢。 感谢。

2 个答案:

答案 0 :(得分:3)

尝试使用下面的类名追加

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

答案 1 :(得分:0)

尝试

$('<img>', {src: 'css/Images/ajax-loader.gif', class: 'img_status'}).appendTo("tbody td.add_status");