如何在jquery中添加一个类

Question

当我点击它时，我想在盒子上添加具有相同设计的新div！ 但是我可以点击它，然后它就像我希望的那样出现新的div，但我想在当时添加一个不超过一个。 我的意思是如果我点击一次，一个新的div应该出现，如果我再次点击1应该出现一个新的div。 但是当我多次点击它会增加不止一个！ 为什么？

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

http://jsfiddle.net/jbNEC/

谢谢你的帮助！

Answer 1

这样做：

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

和jquery：

$(document).ready(function () { 

$(".answered_box").live('click',function () {
    $('#container').append($(this).clone());
     });

});

这是Fiddle DEMO

Answer 2

你可能想用这个： -

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

Answer 3

$(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>');  
   });
});

Answer 4

你的代码中添加与类股利answered_box到所有类的div answered_box 。 您应该添加父div并将div添加到那里。

Answer 5

使用此关键字对于所有者仅表示将执行当前div（类），并且省略其他具有相同div的div。

 $(document).ready(function () { 

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

 });