使用Javascript仅显示表格中的选定行，其他行将同时隐藏

<table>
  <tr data-row-id="row1">
    <td>Row 1</td>
  </tr>
  <tr data-row-id="row2">
    <td>Row 2</td>
  </tr>
  <tr data-row-id="row3">
    <td>Row 3</td>
  </tr>
  <!-- 其他行... -->
</table>

function showSelectedRow(selectedRowId) {
  var rows = document.getElementsByTagName("tr");
  for (var i = 0; i < rows.length; i++) {
    var row = rows[i];
    var rowId = row.getAttribute("data-row-id");
    if (rowId === selectedRowId) {
      row.style.display = ""; // 显示选定行
    } else {
      row.style.display = "none"; // 隐藏其他行
    }
  }
}

window.onload = function() {
  var selectedRowId = "row2"; // 选定行的标识符
  showSelectedRow(selectedRowId);
};