Javascript 删除数据id属性值

我还不熟悉javascript。我试图用“数据id”按钮删除值，但数据id值是“始终获取表上的第一个值”。我每次单击数据id为“5”的按钮，但id为“1”（最上面的id）。对不起，我的英语不好

我的表格代码：

<table class="table table-striped">
    <thead>
        <tr>
            <th>#</th>
            <th>Category Name</th>
            <th>Status</th>
            <th>User</th>
            <th>Management</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td><span class="label label-success">@item.ID</span></td>
                <td>@item.CategoryName</td>
                <td>@if (item.Status == true)
                    {
                        <b class="label label-success">Active</b>
                    }
                    else
                    {
                        <b class="label label-danger">Passive</b>
                    }
                    </td>
                <td><a href="#">@item.User.Name</a></td>
                <td>
                    <button class="btn btn-default btn-sm">Edit</button>
                    <button class="btn btn-default btn-sm" id="btn-Delete" onclick="DeleteCategory()" data-id="@item.ID">Delete</button>
                </td>
            </tr>
        }
    </tbody>
</table>

---

Id

必须是唯一的，但是在您没有

Id

的情况下，您也可以实现您想要做的事情

更改：-

onclick="DeleteCategory()"

致：-

然后：-

function DeleteCategory(ele) {
 var caughtID= $(ele).data("id");
 .....rest code

演示示例：-

函数删除类别（ele）{
警报（$（ele.data（'id'））；
}

删除
删除
删除Rory评论的id属性必须是唯一的。您应该将按钮的id更改为class，并单击静态元素。由于按钮是动态创建的，因此可能会导致您面临的问题

<button class="btn btn-default btn-sm btn-Delete" data-id="@item.ID">Delete</button>

id
属性必须是唯一的！
function DeleteCategory(ele) {
 var caughtID= $(ele).data("id");
 .....rest code

<button class="btn btn-default btn-sm btn-Delete" data-id="@item.ID">Delete</button>

$(document).ready(function() {
$('table').on('click', '.btn-Delete', function(event) {
    event.preventDefault();
    var caughtID = $(this).attr("data-id");
    $.ajax({
        url: "/Category/Delete/" + caughtID,
        type: "POST",
        dataType: "json",
        success: function(response) {
            if (response.Success) {
                bootbox.alert(response.Message, function() {
                    location.reload();
                });
            } else {
                bootbox.alert(response.Message, function() {
                    //it's null yet
                });
            }
        }
    })
});
});