Php Can'；t获取以编程方式生成的DIV的第二个ID

我使用的是fullcalendar，当我点击一个事件时，一个创建的div（弹出窗口）显示关于该事件的信息。在此弹出窗口中，我可以修改或删除事件

要调用事件删除，我执行了以下操作：

$(document).on('click', 'button.DeleteEventId', function(e){
    e.preventDefault();
    var idEventDelete = $('.DeleteEventId').data('idevent');
.... and ajax.... and success....

div是通过编程方式生成的，如下所示：

content: '<div>' + event.text + '</div><div style="margin-right:10px;"><a href="load/' + event.idClient + '" class="btn btn-default btn-xs" role="button">Display</a><button type="button" class="btn btn-info btn-xs UpdateEventId" data-idevent="' + event.id + '">Modify</button><button type="button" class="btn btn-danger btn-xs DeleteEventId" data-idevent="' + event.id + '">Delete</button></div>'

content:''+event.text+'ModifyDelete'

问题是第一个事件可以删除，但是下一个事件不能删除，因为发送到ajax的ID是第一个ID。因此，当我查找按钮后面的ID时，ID是好的。例如： 我删除了ID 27，它可以工作，我想删除ID 33，我在HTML中查找ID，它是33，但是当我单击“删除ID 27”时，它被发送。

问题在这里：

var idEventDelete = $('.DeleteEventId').data('idevent');

您正在引用分配给多个元素的类，并试图获取所单击的特定元素的id。将该行更改为：

var idEventDelete = $(this).data('idevent');

$（this）

指单击的特定元素。

var idEventDelete=$（this）.data（'idevent'）；