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
  });
});

在通过Javascript修改后读取HTML表格

1 个答案: