H5 点击table行保存获取后的数据到cookie

您可以通过以下步骤将点击表格行后获取的数据保存到 cookie 中：

1. 首先，为表格的每一行添加一个点击事件的监听器。可以使用 JavaScript 的 `addEventListener` 方法来实现。例如，给每一行的 `<tr>` 元素添加一个 `click` 事件监听器：

const rows = document.querySelectorAll('table tr');
rows.forEach(row => {
  row.addEventListener('click', handleRowClick);
});

2. 在点击事件的处理函数 `handleRowClick` 中，获取点击行的数据，并保存到 cookie 中。可以使用 JavaScript 的 `Document.cookie` 属性来设置 cookie 的值。例如：

function handleRowClick(event) {
  const rowData = event.currentTarget.innerText;
  document.cookie = `rowData=${rowData}`;
}

3. 在保存数据到 cookie 后，您可以在其他页面中通过读取 cookie 的方式获取数据。可以使用 JavaScript 的 `Document.cookie` 属性来读取 cookie 的值。例如：

const savedData = document.cookie.split(';').find(cookie => cookie.trim().startsWith('rowData='));
if (savedData) {
  const rowData = savedData.split('=')[1];
  console.log(rowData); // 输出保存的行数据
}

请注意，通过上述方法保存到 cookie 的数据是以字符串形式存储的。如果需要保存复杂的对象或结构化数据，您可能需要使用 JSON.stringify 和 JSON.parse 方法进行序列化和反序列化操作。

另外，需要注意的是，cookie 在浏览器中是有大小限制的，一般为 4KB 左右。如果您需要保存大量数据，可能需要考虑其他方式，如使用本地存储（localStorage）或会话存储（sessionStorage）等。