Javascript 在jquery中动态添加内容问题

我通过单击按钮将块内容附加到div来添加块内容。问题是，它正在按钮添加部分下面添加内容。它应该将内容添加到“添加节”按钮上方，即添加注释的位置。我的代码如下：

有人能帮忙吗？我希望每次单击Add Section按钮时，内容都添加到div class=g上方

只需将append函数更改为insertBefore

下面是一个工作示例

$document.body.on'click'，'button.js add Section'，函数{ 变量内容=` 第一节 显示 `; $content.insertBefore$this.closest.g'； }; $document.body.on'click'，'button.js show supplier'，函数{ 警报“点击”； }; 第一节 显示 添加部分 拯救 只需将append函数更改为insertBefore

下面是一个工作示例

$document.body.on'click'，'button.js add Section'，函数{ 变量内容=` 第一节 显示 `; $content.insertBefore$this.closest.g'； }; $document.body.on'click'，'button.js show supplier'，函数{ 警报“点击”； }; 第一节 显示 添加部分 拯救

---

你的案子还有准备。就像我用最简单的例子解释的

假设有如下列表：

<ul id="counting">
   <li>two</li>
   <li>three</li>
</ul>

我想在列表顶部附加一个，而不是在末尾。这可以通过以下功能实现：

$("#counting").prepend("<li>one</li>");

---

你的案子还有准备。就像我用最简单的例子解释的

假设有如下列表：

<ul id="counting">
   <li>two</li>
   <li>three</li>
</ul>

我想在列表顶部附加一个，而不是在末尾。这可以通过以下功能实现：

$("#counting").prepend("<li>one</li>");

您可以更改$this.closest'.b'.appendcontent；在内容之前添加到$'.g'；这是工作代码

$document.body.on'click'，'button.js add Section'，函数{ 变量内容=` 对于int j=1；j 添加部分 拯救 您可以将$this.closest.b.appendcontent；更改为$this.g.beforecontent；以下是工作代码

$document.body.on'click'，'button.js add Section'，函数{ 变量内容=` 对于int j=1；j 添加部分 拯救

---

对于每个生成的显示按钮。如何在每个部分上调用单独的函数？我正在使用“$document.body.on'click”，“button.js Show”，函数{alert'Clicked'；}“但是它显示了我点击的次数Show@jones警报在单击后是否显示不止一次？因为我测试了它，但它只显示了一次。请检查我的编辑snippet@jones嗯，看起来你在这把小提琴上有一些小错误，但在修复它们之后，每次点击只会显示一次警报。我很难找到如果我看不到问题的原因：什么东西不起作用，以及您希望它如何起作用？正如您在小提琴中看到的，当您单击“添加类别”时，会出现另一个蓝色框，其中有一行初始的复选框。在这个蓝色框中，您可以添加另一行复选框。我想要实现的是，当我在每个蓝色框中单击“保存”时框中，它应该只提醒单击“保存”按钮的相关蓝色框。@jones查看“编辑”并告诉我这是否是您想要的。对于每个生成的“显示”按钮。如何对每个部分调用单独的函数？我正在使用“$document.body.on'click”，“button.js Show”函数{alert'Clicked'；}；`但是它显示了我点击的次数Show@jones警报在单击后是否显示不止一次？因为我测试了它，但它只显示了一次。请检查我的编辑snippet@jones嗯，看来你这把小提琴有一些小错误，但还是在

---

修复它们警报每次单击仅显示一次。如果我看不到问题的原因，我很难找到原因：到底是什么不起作用，以及您希望它如何起作用？正如您在小提琴中所看到的，当您单击“添加类别”时，会出现另一个蓝色框，并带有最初的一行复选框。在此蓝色框内，您可以添加另一行复选框。我想实现的是，当我在每个蓝色框中单击“保存”时，它应该只提醒单击“保存”按钮的相关蓝色框。@jones查看“编辑”并告诉我这是否是您想要的。