如何在typescript中通过单击table中的按钮获取动态表格行数据

<div id="tableContainer">
  <table id="dataTable">
    <thead>
      <tr>
        <th>Name</th>
        <th>Email</th>
        <th>Action</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John Doe</td>
        <td>john@example.com</td>
        <td><button class="getDataBtn">Get Data</button></td>
      </tr>
      <tr>
        <td>Jane Smith</td>
        <td>jane@example.com</td>
        <td><button class="getDataBtn">Get Data</button></td>
      </tr>
      <!-- 更多表格行 -->
    </tbody>
  </table>
</div>

// 获取表格和按钮的引用
const table = document.getElementById('dataTable') as HTMLTableElement;
const buttons = document.getElementsByClassName('getDataBtn');

// 为按钮添加点击事件监听器
for (let i = 0; i < buttons.length; i++) {
  buttons[i].addEventListener('click', function() {
    // 获取所在行的数据
    const row = this.parentNode.parentNode as HTMLTableRowElement;
    const name = row.cells[0].innerText;
    const email = row.cells[1].innerText;

    // 处理数据
    console.log('Name:', name);
    console.log('Email:', email);

    // 其他操作...
  });
}