Javascript 更新ID和jQuery事件处理程序时出现问题

我正试着做出某种形式，但我被困在第三步

“我的下一步”按钮的ID确实是这样递增的：

$('#to-q-2').click(function (e) {
    e.preventDefault();
    $(this).attr("id", "to-q-3");
})

所以id被更新了。 但当我再次点击时：

$('#to-q-3').click(function(e) {
        e.preventDefault();
        alert('stop');
});

---

什么也没发生。我猜jQuery没有更新DOM，但我不知道如何更新。有什么线索吗？

您需要将单击事件添加到

文档中

，以便它可以查找在

单击

事件的初始绑定时不存在的新元素，这样您就可以将单击事件添加到动态添加的元素中。您可以使用以下方法执行此操作：

$（document）.on（'click'，'to-q-3'，function（）{…}）

请参见下面的工作示例：

$（文档）。在（'click'，'to-q-2'，函数（e）{
e、 预防默认值（）；
$（this.attr（“id”，“to-q-3”）；
});
$（文档）。在（'click'，'to-q-3'，函数（e）{
e、 预防默认值（）；
警报（“停止”）；
});
#to-q-2{
颜色：红色；
}
#to-q-3{
颜色：青柠；
}

单击此div
您需要将单击事件添加到
文档
，以便它可以查找在
单击
事件初始绑定时不存在的新元素，这样您可以将单击事件添加到动态添加的元素中。您可以使用以下方法执行此操作：

$（document）.on（'click'，'to-q-3'，function（）{…}）

请参见下面的工作示例：


$（文档）。在（'click'，'to-q-2'，函数（e）{
e、 预防默认值（）；
$（this.attr（“id”，“to-q-3”）；
});
$（文档）。在（'click'，'to-q-3'，函数（e）{
e、 预防默认值（）；
警报（“停止”）；
});
#to-q-2{
颜色：红色；
}
#to-q-3{
颜色：青柠；
}

单击此分区