javascript - JQuery 从 tr 动态创建的输入中获取值

Question

我用 JQuery 动态创建了表，我想获取 input 元素的值:

$el.append('<tr data-id='+ data[i].id + ' data-token='+data[i].token + '><td>'+data[i].order+'</td>\n\
      <td><input name="qty" id="qty" type="number" value="'+data[i].qty+'" min="1"></td>\n\
   ......

使用这段代码我可以生成表格(这只是一段代码)。我知道如何访问 tr 标签的值:

$('body').on('click', 'a.link', function(e) {
    e.preventDefault();

    var tr = $(this).closest('tr'),
        id = tr.data('id'), // we have the id
        token = tr.data('token'), // we have the token 
        qty = tr.data('qty'); <------------- this not working
 })

如何获取qty的值？

Answer 1

问题:您的tr 中没有data-qty 属性。此外，您的表中根本没有 data-qty。

解决方案:在您创建表的过程中，您将 data[i].qty 作为值分配给您的 input 元素。因此，您需要读取 input 值。如下所示。

   qty = tr.find('#qty').val();

注意:Satpal 提供了一个有效的点。如果您要在循环中构建 tr，那么您就是将相同的 id 分配给所有行中的所有 input 元素不推荐。最好删除 id 属性并仅使用 name 属性来选择元素。喜欢

tr.find('input[name="qty"]').val(); 或 tr.find('td:eq(1) input').val ()

然而，如果是这种情况，那么 Satpal 给出了正确的答案。