多表格 获取选中行的td值 并且分开存储

您可以使用以下方法获取选中行的td值并分开存储：

1. 首先，为每个表格的每个td元素添加一个点击事件监听器，以便在用户点击时触发函数。

2. 在函数中，使用querySelectorAll选择所有选中的行。如果您使用复选框来选择行，则可以使用类似于input[type="checkbox"]:checked的选择器。

3. 遍历选中的行，并使用querySelectorAll选择每个行的td元素。

4. 将每个td元素的值存储到一个数组中，或根据需要进行其他操作。

以下是一个示例代码：

HTML：

<table id="table1">
  <tr>
    <td>1</td>
    <td>John</td>
    <td>Doe</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Jane</td>
    <td>Smith</td>
  </tr>
  <tr>
    <td>3</td>
    <td>Bob</td>
    <td>Johnson</td>
  </tr>
</table>

<table id="table2">
  <tr>
    <td>4</td>
    <td>Alice</td>
    <td>Williams</td>
  </tr>
  <tr>
    <td>5</td>
    <td>Michael</td>
    <td>Brown</td>
  </tr>
  <tr>
    <td>6</td>
    <td>Sarah</td>
    <td>Davis</td>
  </tr>
</table>

JavaScript：

function getSelectedValues() {
  var selectedValues = [];

  var selectedRows = document.querySelectorAll('table tr.selected');
  selectedRows.forEach(function(row) {
    var tds = row.querySelectorAll('td');
    var rowValues = [];
    tds.forEach(function(td) {
      rowValues.push(td.textContent);
    });
    selectedValues.push(rowValues);
  });

  return selectedValues;
}

function addClickListeners() {
  var tables = document.querySelectorAll('table');
  tables.forEach(function(table) {
    var rows = table.querySelectorAll('tr');
    rows.forEach(function(row) {
      row.addEventListener('click', function() {
        row.classList.toggle('selected');
      });
    });
  });
}

addClickListeners();

上述代码中，getSelectedValues函数将返回一个包含所有选中行的td值的二维数组。每个选中行的td值将存储在一个数组中，并将其添加到父数组中。

addClickListeners函数将为每个表格的每个行添加点击事件监听器，并在用户点击时切换选中状态。

您可以根据需要修改代码以满足您的要求。请注意，示例代码假设您使用CSS类名selected来表示选中的行。您可以根据自己的需求进行修改