Javascript 从使用Jquery创建的HTML动态表的单元格中获取值

我创建了一个表，当用户使用输入和选择字段输入一些值时，该表会动态增长。这是由jquery中的append完成的。这是表id=“customFields”：

这是我用来追加行和向表中添加信息的jQuery脚本：

var index = 0;
$("#addPRICE").click(function(){
    index++;
    var id_value = $("#pack_price").val();
    var price_qty= $("#price_qty").val();

    //alert(id_value);
    $.ajax({
        type:"POST",
        url:"get_mt_pricelist.php",
        data:{mt_id: id_value},
        dataType:"json",
        success: function(data){
            if(data.success=="true"){
               $("#customFields").append('<tr id="'+index+'" valign="top"><td align="center"><input type="text" class="code1" id="customID" name="customID[]" value="'+id_value+'" size="3" readonly="readonly"/></td><td><input type="text" class="code2" id="customCLASSE" name="customCLASSE[]" value="'+data.multi_classe+'" readonly="readonly"/></td><td><input type="text" class="code3" id="customPRICE" name="customPRICE[]" value="'+data.multi_price+'" readonly="readonly"/></td><td align="center"><input type="text" class="code4" id="customQTY" name="customQTY[]" value="'+price_qty+'"/></td><td valign="middle" align="center"><a href="javascript:void(0);" class="remCF">Delete</a></td></tr>');
     });
});

问题是：对于我按下的任何删除操作，警报仅显示第一行的值。甚至使用类而不是ID。 如何为正在单击的删除行获取正确的值

谢谢你可以试试这个：

var row = $(this).closest('tr');
var customPRICE = row.find('.code3').val();
var customQTY = row.find('.code4').val();
row.remove();

---

您的表格在

HTML

中的外观如何？太棒了！你的剧本写得很好。谢谢《狼人-阿尔法》

$("#customFields").on('click','.remCF',function(){
     alert($(".code3").val());
     alert($(".code4").val());
     $(this).parent().parent().remove();
}); 

var row = $(this).closest('tr');
var customPRICE = row.find('.code3').val();
var customQTY = row.find('.code4').val();
row.remove();