如何在特定类的特定单元格之前/之后添加类或突出显示所有单元格？

<table id="myTable">
  <tr>
    <td class="highlight">Cell 1</td>
    <td>Cell 2</td>
    <td class="highlight">Cell 3</td>
  </tr>
  <tr>
    <td>Cell 4</td>
    <td class="highlight">Cell 5</td>
    <td>Cell 6</td>
  </tr>
</table>

.highlight {
  background-color: yellow;
}

.new-class {
  background-color: lightblue;
}

// 获取表格元素
const table = document.getElementById('myTable');

// 遍历表格中的所有单元格
table.querySelectorAll('td').forEach(cell => {
  // 检查单元格是否具有特定类名
  if (cell.classList.contains('highlight')) {
    // 在当前单元格之前添加新类
    const prevCell = cell.previousElementSibling;
    if (prevCell) {
      prevCell.classList.add('new-class');
    }

    // 在当前单元格之后添加新类
    const nextCell = cell.nextElementSibling;
    if (nextCell) {
      nextCell.classList.add('new-class');
    }
  }
});