jquery on click $（this）.prop（'id'）一直返回undefined

Question

对于我的生活，我无法理解为什么我的代码不起作用......

<!-- language: lang-html -->
<table id='table'>
   <tr id='some-id'>
      <td>some data</td>
      <td>some data</td>
   </tr>
</table>

我的第一次尝试：

<!-- language: lang-js -->
$(() => {
    $('#table tr').on('click', () => {
        console.log($(this).prop('id'))
    }
}

第二个想法：

<!-- language: lang-js -->
$(() => {
    $('#table').on('click', 'tr', () => {
        console.log($(this).attr('id'))
    }
}

  

它不断返回未定义

我觉得非常愚蠢搞砸了，现在任何帮助都会很大 提前谢谢！