javascript - HTML/JS -- 获取被点击的行

Question

我有一个表，其中每一行都有一个超链接。单击链接时，将调用聚合数据的 URL。我需要将单击的行/记录传递到此 URL，但不确定如何获取单击的行。

这是一些示例代码

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td><a href="#" onclick="aggregate()">Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td><a href="#" onclick="aggregate()">Eve</a></td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>

<script>
    function aggregate(){
       //get clicked row, pass as parameter 
    };
</script>

我是否需要将每一行包装在表单中并进行表单提交？

谢谢

Answer 1

将 this 传递给函数，以使用 t.parentNode.parentNode 获取行并对其执行某些操作

<td><a href="#" onclick="aggregate(this)">Jill</td>

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td><a href="#" onclick="aggregate(this)">Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td><a href="#" onclick="aggregate(this)">Eve</a></td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>

<script>
    function aggregate(t){
       //get clicked row, pass as parameter 
      t.parentNode.parentNode.remove();
    };
</script>