Javascript 如何在jquery中一次添加一个类

我想添加新的div与相同的设计上的框，当我点击它！但我可以按我的意愿单击，它会显示新的div，但我希望在不超过一个的时间添加一个div。我的意思是，如果我单击一次，就会出现一个新div，如果我再次单击，就会出现一个新div。但当我点击多次时，它添加了不止一个！为什么?

$(".answered_box").click(function () {
$(".answered_box").prepend('<div class="answered_box"> hej </div>');
 });

$（“.responsed_框”）。单击（函数（）{
$（“.responsed_box”）.prepend（'hej'）；
});

谢谢你的帮助

像这样做：

<div id="container">
<div class="answered_box"> test </div>
</div>

---

这是您的代码，您正在将带有class

应答的div框

添加到所有带有class

应答的div框

。您应该添加父div并将div添加到其中。

您可能需要使用以下方法：-

$(this).prepend('<div class="answered_box"> hej </div>');

$（this）.prepend（'hej'）；

$（文档）.ready（函数（）{
$（“.U框”）。单击（函数（）{
//仅适用于“此”，而不适用于该类的所有成员。
$（this.prepend（'hej'）；
});
});

使用这个关键字，它意味着所有者只会执行当前的div（类），而忽略具有相同属性的其他div

 $(document).ready(function () { 

 $(".answered_box").click(function () {
$(this).append('<div class="answered_box"> hej </div>');
  });

 });

$（文档）.ready（函数（）{
$（“.U框”）。单击（函数（）{
$（this.append（'hej'）；
});
});

你要找的就是这样吗？是的，他就是。在您的问题中，用户，您正在使用class

向元素添加新的div。在下一次单击时，您可以执行相同的操作，但有两个元素具有这样的类。在下一次单击时，您也可以执行相同的操作，但是有4个元素具有这样的类。等等，你在元素中添加元素，但听起来你真正想要的是兄弟元素，所以你应该使用before（）而不是prepend（），问题自行解决->所以，这意味着我应该在一个div上放置click方法，而不是在每个类上？clone（）意味着什么？复制元素，但我习惯于on（）；但是为什么使用live（）而不是on（）；？你可以用上而不是活着，原因是我习惯了活着
$(document).ready(function () { 
    $(".answered_box").click(function () {
        // only apply on "this" and not on all members with the class.
        $(this).prepend('<div class="answered_box"> hej </div>');  
   });
});

 $(document).ready(function () { 

 $(".answered_box").click(function () {
$(this).append('<div class="answered_box"> hej </div>');
  });

 });