在HTML表被Javascript修改后读取它

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

您可以向单击处理程序中的单元格添加

数据
属性：

$('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>


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

$('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
  });
});

当你问问题时，添加相关代码…我正在处理附加代码。我无法上传代码，但本质上我所做的非常简单。我有一个HTML表格，有5列和几行。如果在第5列单元格中单击，则该特定单元格将文本从“添加”更改为“删除”。我正在使用JavaScript更改该文本。现在我需要抓取第5列中显示“Remove”的所有行，并用这些信息创建一个新页面。任何类似的示例或代码都会非常有用。实际上，我认为这不起作用，因为jQuery的data（）函数实际上并没有将数据值作为属性添加到DOM元素中：text数据属性在第一次访问数据属性时被拉入，然后不再被访问或修改（所有数据值都存储在jQuery内部）**但是你可以只在点击的单元格中添加一个类，当然，你是对的。更改第一个代码位以设置
attr
值，而不是
数据
值。JSBin示例：如何为单击的单元格添加类？对不起，我对网络开发很陌生。请看第二个例子，这就是我所拥有的。打印“$row['action']”；
$('button').on('click', function() {
  $('tr:has(.clicked)').each(function() {
    // Serialize the values and send them off to the server
  });
});