如何使用jquery将表行数据传递给div？

Question

我有一个多行表，行如下所示。最后一列有一个编辑按钮，当我点击它时，它会显示一个带有5个输入文本区域的内容，以便在刷新时更新表格中的值。

我需要将特定行中的val1，val2，val3，val4，val5传递给jquery。但是当我尝试$（'＃val1'）时，我什么也得不到.val（）

有关如何将点击与表单值相关联的任何建议都将不胜感激。

由于 麦克

'<tr>'
+ '<td id="val1">' + val1+ '</td>'
+ '<td id="val1">' + val2+ '</td>'
+ '<td id="val1">' + val3+ '</td>'
+ '<td id="val1">' + val4+ '</td>'
+ '<td id="val1">' + val5+ '</td>'
+ '<td> <button class="edit-row display-mode" id="edited">Edit</button>'
+ '<button class="cancel-row display-mode" id="canceled">Cancel</button></td>'
+ '</tr>');

Answer 1

$('#val1').text()查找标记的value属性。 将其更改为{{1}}以获取表格单元格内的内容。