如何用按钮只选择被点击的单元格？

<table>
  <tr>
    <td class="cell" id="cell1">单元格1</td>
    <td class="cell" id="cell2">单元格2</td>
    <td class="cell" id="cell3">单元格3</td>
  </tr>
</table>

<button id="selectButton">选择单元格</button>

// 获取所有的单元格
const cells = document.querySelectorAll('.cell');

// 为按钮添加点击事件监听器
const selectButton = document.getElementById('selectButton');
selectButton.addEventListener('click', selectCell);

// 保存被点击的单元格的标识符或类名
let selectedCell = '';

// 单元格点击事件处理函数
function selectCell(event) {
  // 获取被点击的单元格的标识符或类名
  selectedCell = event.target.id;

  // 遍历所有的单元格
  cells.forEach(cell => {
    // 判断是否被点击
    if (cell.id === selectedCell) {
      // 设置为选中状态
      cell.classList.add('selected');
    } else {
      // 取消选中状态
      cell.classList.remove('selected');
    }
  });
}