Javascript 为什么列表中的所有lis都显示相同的summernote div？

我在一个无序列表中有多个lis，单击该列表会给我一个summernote div。问题是，当我单击li并更改summernote div中的文本时，所有这些lis都具有相同的summernote div含义。所有div的文本都会更改

我的名单：

<ul id = "courseNav">              
         <li class = "topics" style = "margin-top: -12px"><a href="#">Topic</a></li>
         <li class = "topics"><a href="#">Topic</a></li>
         <li class = "topics"><a href="#">Topic</a></li>
</ul>

我的summernote代码：

<div id = "editor">Type something...</div>

$('#editor').summernote();

键入某些内容。。。
$（“#编辑器”）.summernote（）；

我在列表中单击的每个li都将显示相同的summernote div。我怎样才能解决这个问题

我的按钮代码；

$（“#添加”）。单击（函数（）{
$（“#courseNav”）。追加（“
”）；
});
我不太懂你的代码。但根据你的说法，我建议对每个summernote使用不同的ID。因此，每个列表都有自己的summernote，它具有唯一的id，这样，在一个summernote中更改文本不会更改其余的内容

嘿，看看这个博客：


它显示了如何在列表中以友好方式添加li是的，但我有一个按钮可以将li添加到我的列表中。你能在“对不起，我现在不在电脑上”上发布完整的代码吗。你能帮我看一下这里提供的代码吗？首先，你是点击按钮还是点击li-s。你在做什么，这太让人困惑了。我正在点击按钮添加一个新的li。单击li时，将显示summer note div。问题是，当我在一个li上的summer note div上键入一些文本，然后单击另一个li时，会出现相同的文本。我怎样才能解决这个问题？