获取多个表格中选中行的单元格值并分开存储 - JavaScript 代码示例

您可以使用以下方法获取选中行的td值并分开存储：\n\n1. 首先，为每个表格的每个td元素添加一个点击事件监听器，以便在用户点击时触发函数。\n\n2. 在函数中，使用querySelectorAll选择所有选中的行。如果您使用复选框来选择行，则可以使用类似于input[type="checkbox"]:checked的选择器。\n\n3. 遍历选中的行，并使用querySelectorAll选择每个行的td元素。\n\n4. 将每个td元素的值存储到一个数组中，或根据需要进行其他操作。\n\n以下是一个示例代码：\n\nHTML：\nhtml\n<table id="table1">\n <tr>\n <td>1</td>\n <td>John</td>\n <td>Doe</td>\n </tr>\n <tr>\n <td>2</td>\n <td>Jane</td>\n <td>Smith</td>\n </tr>\n <tr>\n <td>3</td>\n <td>Bob</td>\n <td>Johnson</td>\n </tr>\n</table>\n\n<table id="table2">\n <tr>\n <td>4</td>\n <td>Alice</td>\n <td>Williams</td>\n </tr>\n <tr>\n <td>5</td>\n <td>Michael</td>\n <td>Brown</td>\n </tr>\n <tr>\n <td>6</td>\n <td>Sarah</td>\n <td>Davis</td>\n </tr>\n</table>\n\n\nJavaScript：\njavascript\nfunction getSelectedValues() {\n var selectedValues = [];\n\n var selectedRows = document.querySelectorAll('table tr.selected');\n selectedRows.forEach(function(row) {\n var tds = row.querySelectorAll('td');\n var rowValues = [];\n tds.forEach(function(td) {\n rowValues.push(td.textContent);\n });\n selectedValues.push(rowValues);\n });\n\n return selectedValues;\n}\n\nfunction addClickListeners() {\n var tables = document.querySelectorAll('table');\n tables.forEach(function(table) {\n var rows = table.querySelectorAll('tr');\n rows.forEach(function(row) {\n row.addEventListener('click', function() {\n row.classList.toggle('selected');\n });\n });\n });\n}\n\naddClickListeners();\n\n\n上述代码中，getSelectedValues函数将返回一个包含所有选中行的td值的二维数组。每个选中行的td值将存储在一个数组中，并将其添加到父数组中。\n\naddClickListeners函数将为每个表格的每个行添加点击事件监听器，并在用户点击时切换选中状态。\n\n您可以根据需要修改代码以满足您的要求。请注意，示例代码假设您使用CSS类名selected来表示选中的行。您可以根据自己的需求进行修改。