如何通过内联JavaScript隐藏特定表格行（无法修改外层HTML）

JavaScript 写法 #

直接在可编辑的<td>里插入以下代码即可：

<td>
  <script>
    // 定位当前<td>所在的<tr>行
    const targetRow = document.currentScript.closest('tr');
    // 隐藏整行
    targetRow.style.display = 'none';
  </script>
</td>

• 逻辑：document.currentScript获取当前运行的脚本标签，closest('tr')向上查找最近的<tr>父元素，最后修改样式实现隐藏。
• 兼容老浏览器版本（比如IE）的写法：

<td>
  <script>
    let currentEl = document.currentScript.parentNode;
    // 逐层向上查找<tr>标签
    while (currentEl && currentEl.tagName !== 'TR') {
      currentEl = currentEl.parentNode;
    }
    // 找到后隐藏整行
    if (currentEl) currentEl.style.display = 'none';
  </script>
</td>

CSS 写法（兼容性有限） #

如果不想用JavaScript，可尝试CSS的:has()选择器（仅支持现代浏览器）：

<td>
  <style>
    td:has(> style) tr {
      display: none;
    }
  </style>
</td>

不过这种方法兼容性不如JS方案，更推荐使用前面的JavaScript写法，稳定性更高。

内容的提问来源于stack exchange，提问作者Robert Smith