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

时间:2015-11-01 19:33:18

标签: javascript jquery

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

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

我希望能够点击&#34;编辑&#34;对于特定行并检索ItemName[]ItemNombre[]的值。 documentation

1 个答案:

答案 0 :(得分: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
    // ...
});