如何查找单击的元素的ID？

Question

假设我有很多html元素，表格中有一行由表格数据（<td>）组成。

<td id="data1">foo</td>
<td id="data2">bar</td>
<td id="data3">baz</td>

如何返回点击的id td。我知道我应该将它们链接起来以便我可以正确点击它们，但就这种情况而言，我并不想放置链接。

$("td").click(function () {
  id = //The ID finder goes here
  clickFunction(id)
 }

我在想这就是格式化的方式。 JQuery会将onclick事件监听器附加到任何表数据标签，当它被触发时，一个函数将使用被点击的表数据元素的id运行。

Answer 1

使用以下代码：$(this).attr('id')。

Answer 2

简单地说，this.id：

$("td").click(function() {
  console.log(this.id)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td id="data1">foo</td>
    <td id="data2">bar</td>
    <td id="data3">baz</td>
  </tr>
</table>