Question

我有以下代码。

html += '<tr id="product_row_scheduled_'+key+'">';
html += '<td class="title">'+image_path+' '+product_row.title+'</td>';
html += '<td class="text-center" id="sch_product_posted_'+key+'"> '+product_row.user_set_time+'</td>';
html += '<td class="text-center"><a href="#" id="schedule_'+key+'" onClick="schedule_product(\''+key+'\',\''+product_row.title+'\',\''+product_row.user_set_time+'\')"> Schedule</a></td>';
html += '<td class="text-center"><a href="#" onClick="cancel_schedule(\''+key+'\')"> Cancel</a></td>';
html += '</tr>';

这是使用json数据创建的。现在函数schedule_product使用datetimepicker更改sch_product_posted_'+key+'的值。

我尝试过使用

$('#product_row_scheduled_'+key).on('change', '.product_posted_'+key+'',function(){
   console.log($('.product_posted_'+key+'').html());
});

但它不起作用。任何帮助都会得到满足。

Answer 1

#使用ids，

$('#product_row_scheduled_'+key).on('change', '#sch_product_posted_'+key,function(){
                                  // ----------^ # in place of .
    console.log($(this).html());// use this here
});

使用class代替id会很简单，

$(document).on('change', '.sch_product_posted',function(){
    console.log($(this).html());
});

在您的sch_product_posted

中添加课程column

已更新 change无效，请使用DOMSubtreeModified，

$(document).on('DOMSubtreeModified','.sch_product_posted', function(event){
    console.log('Html: '+$(this).html());
});

<强> Working Demo

更改外部事件上动态创建的td的值

1 个答案: