javascript - Jquery从动态添加的行中获取信息

Question

我设置了一个函数来将行添加到表中并为输入字段设置值。我添加行的代码如下:

$('#addItem').click(function() {
$('#itemData tbody:last-child').append('<tr><td align="left"><input id="ItemName[]" name="ItemName[]" type="hidden" value="'+$('#itemName').val()+'">'+$('#itemName').val()+'</td><td align="left"><input id="ItemNombre[]" name="ItemNombre[]" type="hidden" value="'+$('#itemNombre').val()+'">'+$('#itemNombre').val()+'</td><td><div id="editItem" onClick="editItem(this);">edit</div> / delete</td></tr>');
 var row = $(this).parent().parent().children().index($(this).parent()) - 1;
 $('#itemName').val('');
 $('#itemNombre').val('');
})

我希望能够单击特定行的“编辑”并检索 ItemName[] 和 ItemNombre[] 的值。 Here is a JSFiddle example

Answer 1

首先删除 onClick="editItem(this);"打电话。

然后，添加一个像这样的函数:

$(document).on('click', '#editItem', function(){
    // Get your datas
    var $this = $(this),
        ItemNombre = $this.parent().parent().find('#ItemNombre').val(),
        ...;
    // Do your stuff
    // ...
});