如果这些td具有相同的值，如何显示/隐藏tr

<table>
  <tr>
    <td class="td-value">Value 1</td>
    <td class="td-value">Value 1</td>
    <td class="td-value">Value 1</td>
  </tr>
  <tr>
    <td class="td-value">Value 2</td>
    <td class="td-value">Value 2</td>
    <td class="td-value">Value 2</td>
  </tr>
  <tr>
    <td class="td-value">Value 3</td>
    <td class="td-value">Value 3</td>
    <td class="td-value">Value 3</td>
  </tr>
</table>

<script>
  // 获取所有具有类名 "td-value" 的元素
  const tdElements = document.querySelectorAll('.td-value');

  // 检查第一个元素的值与其他元素的值是否相同
  const firstValue = tdElements[0].textContent;
  const allValuesSame = Array.from(tdElements).every(td => td.textContent === firstValue);

  // 根据结果显示/隐藏相应的 <tr> 元素
  if (allValuesSame) {
    tdElements[0].closest('tr').style.display = 'table-row';
  } else {
    tdElements[0].closest('tr').style.display = 'none';
  }
</script>