html获取当前行的最后一个单元格

在HTML中，如果你想要获取表格中当前行的最后一个单元格，你可以通过JavaScript配合HTML的DOM API来实现。以下是一个简单的示例：

<table id="myTable">
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
    <td class="last-cell">Last Cell in Row 1</td>
  </tr>
  <!-- 添加更多的行... -->
</table>

<script>
function getLastCellOfCurrentRow() {
  // 获取当前行元素
  var currentRow = document.querySelector('tr.active'); // 假设有active类标识当前行

  // 如果当前行存在，获取其所有<td>元素，然后返回最后一个
  if (currentRow) {
    var cells = currentRow.getElementsByTagName('td');
    return cells[cells.length - 1];
  } else {
    return null; // 没有找到当前行
  }
}

// 示例：当用户点击某一行时，获取并显示最后一个单元格的内容
document.getElementById('myTable').addEventListener('click', function(event) {
  var cell = getLastCellOfCurrentRow();
  if (cell) {
    console.log('Last cell content:', cell.textContent);
  }
});
</script>

在这个例子中，我们假设有一个`active`类标记了当前选中的行。点击表格外，`getLastCellOfCurrentRow`函数会选择并返回那一行的最后一个`<td>`元素。如果没找到对应的行，它将返回`null`。