javascript - Javascript修改后读取HTML表格

Question

我目前正在尝试通读已由 JavaScript 修改的 HTML 表。我目前加载了一个 HTML 表格，当我单击某个单元格时，该单元格中的单词会使用 Javascript 更改。我需要从该表中获取所有被点击的行（单词从原始 HTML 加载更改），当点击按钮时，将打开一个新页面，其中只有“点击”的行信息。任何帮助都会很棒！谢谢！！

Answer 1

您可以将data属性添加到单击处理程序中的单元格：

$('td').on('click', function() { 
  $(this).attr('data-original-text', $(this).text());

  // Do the rest of your manipulation here
});

单击的单元格将如下所示：

<td data-original-text="Text before the click">...</td>

在按钮单击事件中收集所有数据：

$('button').on('click', function() {
  $('td[data-original-text]').each() {
    // Serialize the values and send them off to the server
  });
});

---

或者您可以添加一个类，而不是数据属性

$('td').on('click', function() { 
  $(this).addClass('clicked');

  // Do the rest of your manipulation here
});

获取行并将它们发送到服务器：

$('button').on('click', function() {
  $('tr:has(.clicked)').each(function() {
    // Serialize the values and send them off to the server
  });
});