如何在jquery中获取标记的值？

我想通过编辑按钮从jquery中的标记中获取数据id值

HTML: 这是一张桌子

            $html .= '<tbody>';
            $html .= '<tr>';
            $html .= '<td>'.$row['name'].'</td>';
            $html .= '<td>'.$row['designation'].'</td>';
            $html .= '<td>';
            $html .= '<a data-id="'.$row['id'].'"  href="#" id="edit"  class=" icon btn btn-info btn-sm mr-1">Edit</a>';
            $html .= '<a href="#" id="delete" class="btn btn-danger btn-sm">Delete</a>';
            $html .= '</td>';
            $html .= '</tr>';
            $html .= '</tbody>';

$（'edit'）。在（'click'，函数（）{
var id=$（this.attr（'data-id'）；
console.log（id）；
});

名称
任命
试试下面的代码

HTML

<table>
    <td data-id="abc">1</td>
    <td data-id="def">1</td>
</table>


1.
1.

脚本

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
    $('td').each(function() {
        $('body').on('click','td',function() {
             var text = $(this).attr("data-id");
        });
    });
</script>


$（'td'）。每个（函数（）{
$（'body'）。在（'click'，'td'，function（）上{
var text=$（this.attr（“数据id”）；
});
});
On click仅在表上工作。我试过
，
。它什么都不做，只在桌子上工作。我试过了。它什么都没用是的，它很管用。但我认为我的代码中还有其他一些问题。这就是为什么t不起作用。所以将它标记为true，以便其他人可以使用它作为答案。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
    $('td').each(function() {
        $('body').on('click','td',function() {
             var text = $(this).attr("data-id");
        });
    });
</script>