javascript - 使用行和列索引更改 TD 内的输入值

标签 javascript jquery html

我是 jquery 新手,所以请耐心等待。

我有一个表,其中包含数量、价格和金额列。 只要数量或价格发生变化,金额列就应更新。

到目前为止,这是我的 jquery 事件:

$('input.qtyPrice').on('change',function() {

   var rowIndex =  $(this).parent().parent().index();

    console.log($('#tableItems tr').eq(rowIndex).find('td').eq(4));

})

这会写入控制台[prevObject: o.fn.init[0], context: document, jquery: "2.1.0", constructor: function,selector: ""…]context: documentlength: 0prevObject: o.fn.init[0]__proto__: o[0]

我从 Stackoverflow 的另一个问题中得到了这个答案。 我的问题是,我似乎无法访问 TD 内的 INPUT 元素(金额)。 enter image description here 对不起我的英语不好。我很欣赏你的意见。谢谢。

最佳答案

您不必访问 rowIndex,您可以直接找到金额,例如

$('input.qtyPrice').on('change', function () {

    var $tr = $(this).closest('tr');

    $tr.find('td:nth-child(5) input').val('updated')
})

关于javascript - 使用行和列索引更改 TD 内的输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28598251/

相关文章:

javascript - 重新加载应用程序时,localStorage 数据是否会清除?

html - 一个 div 中的多个背景图像

javascript - JS销毁触发函数

javascript - .addClass 和 .delay 不起作用

javascript - Firebase 管理 SDK - 删除响应不正确

jquery - 对焦时,聚焦

javascript - 在 div、td 元素上覆盖 div "edit image"

html - 你如何通过 jQuery 在将鼠标悬停在复选框上时生成对话框

javascript - 如何删除此 masonry.js 布局中每张图片下方的水平空白区域?

python - pandas 上的表级格式设置为 html 样式