JQuery从表中的元素获取数据属性

假设我有一个表，其中填充了razor

@foreach

循环

对于每一行，我都有一个删除按钮，看起来像这样：

.....
<tr>
    <div style="cursor: pointer; display: inline-block; margin-left:5px" id="deleteEntity" data-Id="@Student.Id" data-Name="@Student.Name" data-Age="@Student.Age">                
        <i class="far fa-trash-alt"></i>
        <span style="color:#bfbfbf">Delete</span>
    </div>
</tr>

然而，根据我上面所做的，我所有的值都是未定义的

• 因此，如何更正此错误，以便获得表中此删除按钮的特定值

  ---

您应该能够从处理程序内部的

$（此）

获取按钮。但是，您在每个按钮上使用相同的

id

，因此单击处理程序的行为基本上是未定义的。您将需要使用

类

此外，a的名称不得包含大写字母。因此，只需将其小写即可

例如：

$（'.deleteEntity'）。在（“单击”上，函数（事件）{
var按钮=$（此按钮）；
var id=button.data（'id'）；
var name=button.data（'name'）；
var age=button.data（'age'）；
console.log（id）；
console.log（名称）；
控制台日志（年龄）；
});

删除

$('#deleteEntity').on("click", function (event) {

    var button = $(event.target);
    var Id = button.data('Id')
    var Name = button.data('Name')
    var Age = button.data('Age')
    debugger;
});