Question

我正在使用laravel / ajax，我想为内容表中的每一行创建一个删除按钮。所以在我的foreach（在我看来）中，我创建了具有相同名称和不同值的删除按钮。

 <button value="{{$group->id}}" name="destroy"><i class="zmdi zmdi-delete zmdi-hc-fw"></i></button>

现在我有一个jquery ajax调用：

 $('button[name="destroy"]').on('click', function(e) {

    swal({
        title: "Are you sure?",
        text: "Once you delete this row, you can not rollback it",
        type: "warning",
        showCancelButton: true,
        buttonsStyling: false,
        confirmButtonColor: '#dd394a',
        confirmButtonText: 'Yes, I am sure!',
        cancelButtonText: "No, cancel it!",
        background: 'rgba(0, 0, 0, 0.96)',
        confirmButtonClass: 'btn btn-sm btn-light',
    }).then(function() {

        $.ajax({

            url: 'Groupe/destroy/'+ $('button[name="destroy"]').trigger('change').val(),
            type: 'POST',

            success: function(data)
            {
                $('.modal-content').html(data);
            }
        });
    });
});

执行此操作后，每次单击按钮（当我在成功部分使用$（'button =“destroy”]'）编写警报时。触发器（'change'）。val（））首先返回相同的值，感觉它总是从行中的第一个按钮读取值，并为所有其他按钮重复它。（在inspect元素中，每个按钮都有不同的ID）。我错过了什么？谢谢

Answer 1

.on( 'click', handler )的{{1}}值与您点击的按钮对应。

试试这个：

this.value

如何从具有相同名称的按钮数组中单击按钮获取正确的值？

1 个答案: