如何更新特定输入字段的值而不是 td 第一个孩子？

Question

我已将此代码添加到我在 javascript 中的函数中，并且在用户单击按钮以向上或向下推动行后，我成功地使用行的新值更新了表第一个 TD，问题是我正在使用输入此 td 中的字段和输入被删除，该值现在只是一个简单的文本/数字字符。

如何更改此 sn-p 以更新第一个 td 内的输入字段，而不是用输入字段外的新值替换 td 内容。

Array.prototype.forEach.call(document.querySelectorAll('td:first-child'),
  function (elem, idx) { elem.innerHTML = idx + 1; }
)

好的，在 Archers 的帮助下，我更新了下面的代码，现在有了我想要的功能。感谢所有参与教育这个新手的人;)

        Array.prototype.forEach.call(document.querySelectorAll('td:first-child input[name^=sort]'), function (elem, idx) {
        elem.value = idx + 1;

通过改变

 'td:first-child'

到

 'td:first-child input[name^=sort]'

我能够引用特定的输入字段，而不是第一个 td 列中的所有输入字段，并且不再用纯文本替换输入字段。

Answer 1

或者您可以使用您的代码并像这样更改其主体：

Array.prototype.forEach.call(document.querySelectorAll('td:first-child'), function(elem, idx){
     (elem.querySelector("input")||{}).value=idx+1; //use this line instead of your forEach body
});

Try it online!

Answer 2

您可以更改选择器以定位输入而不是它所在的单元格...

Array.prototype.forEach.call(document.querySelectorAll('td:first-child input'),
    function (elem, idx) {
        elem.value = idx + 1;
    });