Php 捕捉嵌套的按钮单击

我在一个页面上有php代码，它生成一系列按钮，如：（在循环中）

echo”“；
回声“；

然后我有了jquery，它捕捉这些点击，还创建了一个按钮：

$('input:button').click(function() {
   $(this).next("span").append('You clicked this button!'); 
   $(this).next("span").append('<input type=\"button\" event=' + eventID + ' id=\"submitbutton\" value=\"Send\"/>'); 
    $('#submitbutton').click(function() {
    }
}

$（'input:button'）。单击（函数（）{
$（this.next（“span”）.append（“您单击了此按钮！”）；
$（this.next（“span”）.append（“”）；
$（“#提交按钮”）。单击（函数（）{
}
}

我的目标是正确捕获页面上的所有按钮点击（无论点击顺序如何，PHP生成的按钮都应该以一种方式运行，辅助按钮应该以不同的方式运行）

在我上面的代码中，它一开始工作正常，允许您单击按钮并为每个按钮创建辅助按钮。但一旦您单击其中一个辅助按钮，它的行为就会变得异常。单击第二个按钮后，/any/click执行#submitbutton的代码

---

我需要在这里的某个地方使用类吗？如果需要的话，举个例子就好了。什么能让它起作用呢？

您不需要附加按钮，然后选择它。您可以在jQuery对象中创建输入元素，然后只需绑定到该对象单击事件，如下所示：

$('input:button').click(function() {
    var span = $(this).next("span");
    span.append('You clicked this button!'); 
    $('<input type=\"button\" event=' + eventID + ' value=\"Send\"/>')
    .appendTo( span )
    .click(function() {
        //do stuff here
    });
});

$（'input:button'）。单击（函数（）{
var span=$（此）.next（“span”）；
append（'您单击了此按钮！'）；
$('')
.附件（span）
。单击（函数（）{
//在这里做事
});
});

您不需要添加按钮，然后选择它。您可以在jQuery对象中创建输入元素，然后只需绑定到该对象单击事件，如下所示：

$('input:button').click(function() {
    var span = $(this).next("span");
    span.append('You clicked this button!'); 
    $('<input type=\"button\" event=' + eventID + ' value=\"Send\"/>')
    .appendTo( span )
    .click(function() {
        //do stuff here
    });
});

$（'input:button'）。单击（函数（）{
var span=$（此）.next（“span”）；
append（'您单击了此按钮！'）；
$('')
.附件（span）
。单击（函数（）{
//在这里做事
});
});

您正在添加具有相同ID的DOM元素“submitbutton”，每次单击按钮时，都应该有一个具有相同ID的元素，类似于php生成的按钮，因为它可能会产生任意错误，Pradeep说：$（this）。next（'span'）。children（'input'）。单击（function（）{…}而不是$（'#submitbuton'）），并且插入的按钮上不需要id。您正在添加具有相同id的DOM元素“submitbutton”。每次单击按钮时，都应该有一个具有相同id的元素，类似于php生成的按钮，因为它可能会出现任意错误，Pradeep说：$（this）。next（'span'）。children（'input'）。单击（function（）{…}而不是$（#submitbuton'），插入的按钮上不需要id。