通过th获取上级tr的id

如果你使用Thymeleaf（简称th）模板引擎来渲染页面，并且想要通过点击某个元素（比如按钮）获取其上级 `<tr>` 元素的 ID，可以按照以下步骤进行：

1. 在前端页面中，给每个 `<tr>` 元素设置一个唯一的 ID。你可以使用Thymeleaf的循环来渲染每个 `<tr>` 元素，并根据需要设置 ID 属性。

<table>
  <tr th:each="item : ${items}" th:id="'row-' + ${item.id}">
    <td>...</td>
    <td>...</td>
    <td>
      <button class="delete-button" th:data-rowid="${item.id}">Delete</button>
    </td>
  </tr>
</table>

在上述代码中，`${items}` 是一个包含数据的模型属性，通过Thymeleaf的循环遍历每个数据项，并为每个 `<tr>` 元素设置了一个 ID 属性。

2. 使用JavaScript/jQuery来获取上级 `<tr>` 元素的 ID。在点击删除按钮时，通过事件处理程序获取按钮所在的 `<td>` 元素，然后再获取其父级 `<tr>` 元素的 ID。

$('.delete-button').click(function() {
  var rowId = $(this).closest('tr').attr('id');
  // 在这里可以使用获取到的 rowId 进行后续操作
});

在上述代码中，我们给删除按钮添加了一个类名 `.delete-button`，并通过 jQuery 的 `.click()` 方法绑定了点击事件处理程序。在处理程序中，使用 `.closest('tr')` 方法获取按钮所在的最近的 `<tr>` 元素，然后使用 `.attr('id')` 方法获取该元素的 ID 属性。

通过以上步骤，你可以在点击删除按钮时获取其所在的上级 `<tr>` 元素的 ID。根据实际需求，你可以进一步处理获取到的 ID 进行相关操作。