如何在点击时检查<tr>第一次和最后一次是否没有兄弟

在点击时检查<tr>第一次和最后一次是否没有兄弟，可以通过以下步骤实现：

首先，我们需要确定点击事件触发的元素是<tr>元素。可以使用JavaScript中的事件监听器来监听点击事件，并获取到被点击的元素。
一旦获取到了被点击的<tr>元素，我们可以使用DOM API中的previousSibling和nextSibling属性来分别获取其前一个兄弟元素和后一个兄弟元素。
接着，我们可以检查前一个兄弟元素和后一个兄弟元素是否存在。如果前一个兄弟元素不存在且后一个兄弟元素也不存在，那么说明该<tr>元素既是第一个也是最后一个。
根据检查结果，我们可以执行相应的操作，比如添加样式、禁用按钮等。

下面是一个示例代码，演示了如何在点击时检查<tr>第一次和最后一次是否没有兄弟：

<!DOCTYPE html>
<html>
<head>
  <title>Check Siblings</title>
  <style>
    .highlight {
      background-color: yellow;
    }
  </style>
</head>
<body>
  <table>
    <tr>
      <td>Row 1</td>
    </tr>
    <tr>
      <td>Row 2</td>
    </tr>
    <tr>
      <td>Row 3</td>
    </tr>
  </table>

  <script>
    // 获取所有<tr>元素
    var rows = document.querySelectorAll('tr');

    // 为每个<tr>元素添加点击事件监听器
    rows.forEach(function(row) {
      row.addEventListener('click', function() {
        // 检查第一个和最后一个<tr>是否没有兄弟
        if (!row.previousSibling && !row.nextSibling) {
          // 如果是第一个也是最后一个，则添加样式
          row.classList.add('highlight');
          console.log('第一个和最后一个<tr>');
        }
      });
    });
  </script>
</body>
</html>

在上述示例中，当点击第一个和最后一个<tr>时，会在控制台输出相关信息，并给该<tr>元素添加了一个highlight类，使其背景变为黄色。

以上是一个简单的实现示例，实际应用中可以根据具体需求进行扩展和优化。