Jquery 两个相同的类，一个有效，一个无效'；T

因此，我正在编程一个CMS类型的系统，以便用户可以编辑自己的页面。它的工作方式是用户可以在页面上添加任意多的容器，每个容器都有自己的文本编辑器。这些文本编辑器有自己的按钮（如粗体、斜体等）。但是当我有一个容器时，按钮就可以正常工作，但是当我有两个容器时，第二个按钮就不能工作了

这是我的jquery代码（粗体、斜体、ect函数完全有效）

这是按钮代码

<div class="slots">
<input class="bold" type="button" value="">
<input class="italic" type="button" value="">
<input class="left" type="button" value="">
<input class="center" type="button" value="">
<input class="right" type="button" value="">
</div>

问题是，当我只有一个按钮集时，它工作，但当我有两个按钮集时，一个工作，另一个不工作

它的工作方式是用户可以添加尽可能多的内容 根据需要将容器添加到页面上

如果元素被动态添加到

文档

，请尝试委派

单击事件

$(document).on("click", ".bold", handler);



$（函数（）{
$（“.abc”）。在（“单击”，函数（）{
console.log（this.textContent）
});
$（“”）。文本（“单击定义”）
.附件（“正文”）
})

点击abc
当您有两个按钮组时，
bold
、
italic
等功能应该如何知道在哪个按钮组上操作？您没有向他们传递任何参数。我认为我们需要查看更多代码才能帮助您-我的直觉是，问题可能涉及到
bold（）
，
italic（）
等函数。函数可能重复
$(document).on("click", ".bold", handler);