Javascript 如何在jQuery'中动态更新按钮的ID选择器；s.on（）方法？

我有一段代码

    $('body').on('click', '#break-' + i, function(event) {
        event.preventDefault();

        var NowBreak = moment().format("HH:mm:ss");
        console.log(NowBreak);
    });

---

我试图将ID作为一个元素的目标，该ID是通过jQuery的

.append（）

方法在代码的另一部分动态生成的。因此，我基本上附加了一个按钮，ID为

break+I

，其中我是一个包含一些数字的变量，但是当我试图像在上面的代码中那样访问它时，它不起作用。为什么它不起作用？我如何修复它？我想我不能将表达式用作

.on（）

方法的属性。谢谢。

您可以尝试使用此代码

 $('body').on('click', 'div[id^="break-"]', function(event) {
    event.preventDefault();
    var NowBreak = moment().format("HH:mm:ss");
    console.log(NowBreak);
});

---

您可以使用另一个jQuery选择器将函数直接设置为目标元素：

---

你能在JSFIDLE中发布不起作用的代码吗？你最好使用类来实现这一点。请发布其余的代码。这是JSFIDLE的代码@Jadranka检查我的答案，不管我持有什么变量，它不会以ID为“break-”的所有按钮为目标吗？我只需要针对一个按钮的实例，该按钮的ID包含变量I中的许多当前值。在您的小提琴中，您在脚本顶部声明I变量？在表单提交按钮的事件处理程序之前，然后在事件处理程序的末尾递增它。变量I是固定的0？请尝试使用$（文档）而不是$（'body'）

$("[id^='break-']").click(function(event){
    event.preventDefault();

    var NowBreak = moment().format("HH:mm:ss");
    console.log(NowBreak);
});