Javascript 如何使用两个'；onclick'；事件

下面是我的代码，为什么当我点击附加文本时它不起作用

1：点击这是一个段落。

2：点击附加文本

3：必须用红色显示附加项

$（文档）.ready（函数（）{
$（“.ali”）。单击（函数（）{
$（this.parent（）.append（“追加的文本”）；
});
$（“.reza”）。单击（函数（）{
$（此）.append（“
追加项”
”；
});
});

这是一段

由于类为“reza”的元素尚未创建，因此需要在类为“reze”的未来元素上定义单击事件。检查以下工作代码


$（文档）.ready（函数（）{
$（“.ali”）。单击（函数（）{
$（this.parent（）.append（“追加的文本”）；
});
$（“body”）。在（“click”，“.reza”，function（）上{
$（此）.append（“
追加项”
”；
});
});

这是一段

动态添加到文档中的元素不能通过正常方式发送给事件侦听器。

这就是通常在jQuery中添加事件侦听器的方式

$(element).on('click', function() {
    // do something
});

上面的示例无法处理动态添加的元素的原因是，在编译脚本时，该元素不存在

那么，这是为什么

这是因为在编译文件时，父级已经存在。如果有对父对象的引用，则可以随时检索子对象。因为DOM是模块化的

这个问题，以这样或那样的方式，已经被问过多次了。以下是首选答案

可能存在的副本
$(parent).on('click', 'element' function() {
    // do something
});