尝试通过使用 jquery 的 DOM 访问来修改输入值

Question

我正在尝试通过 DOM 访问将作为参数传入的值（名称）添加到输入元素。这里 'this' 是一个表格行，我试图为表格数据 0 赋予 name 的值。

let tr = $(this).parent().parent(), tds = tr.children();
$(tds[0]).html(`<input type='text' name='name' />`);
$(tds[0]).child.val(name);

输入框显示在表格中，但不显示名称。我在浏览器控制台中遇到的错误是

Cannot read property 'val' of undefined

提前感谢您的任何建议

Answer 1

• 使用.closest()方法
• 使用.eq()方法通过索引过滤掉特定的TD
• 直接将值赋给输入

const $tr = $(this).closest("tr");
const $tds = $tr.children("td");
$tds.eq(0).html(`<input type='text' name='name' value="${name}" />`);