javascript - 点击 td 函数时获取表的 ID

Question

当id单击td. _ table我的代码如下所示：

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<table id="table_1">
  <thead>
    <th>First Name</th>
    <th>Last Name</th>
  </thead>
  <tbody>
    <tr>
      <td onclick="editUnit()">John</td>
      <td>Doe</td>
    </tr>
    <tr>
      <td>Jane</td>
      <td>Doe</td>
    </tr>
  </tbody>
</table>
<script>
  function editUnit() {
    let tableId = $(this).closest('table').attr('id');
    alert(tableId);
  }
</script>

我也尝试过$(this).parents('table').attr('id');，但是，仍然是相同的结果undefined。

jsfiddle

标签： javascriptjqueryhtml

Answer 1

您还可以使用 jQuery 的.parent()方法（文档）

function editUnit(){
  const tableId = $(this).parent().parent().attr('id');
  alert(tableId);
}