jquery - jquery before()，递归函数问题

Question

我想通过单击使用 before() 函数来复制具有类“test2”的 div。单击也会删除原始 div 上的“test2”类，如果用户再次单击原始 div，则会出现警报（'ok'）。它运行良好，但如果我复制 div 的 n 次，并且如果我在 originel div 上单击一次，则 alert('ok'); 将全部 n 次。

我的代码是：

<div class="test1 test2">message</div>

<script src="jquery.js"></script>
<script>
$(function () {

function test() {
    $('.test1').click(function(){
            if($(this).hasClass('test2')){
                $(this).before('<div class="test1 test2">message</div>');
                $(this).removeClass('test2');
            }
            else{
                alert('ok');
            }
    test(); 
    });

}

test();

});
</script>

http://jsfiddle.net/manguo_manguo/TNeYk/

Answer 1

试试这个：here at fiddle

 function test() {
   var i=1;
   $(document).on('click', '.test1', function () {
       if ($(this).hasClass('test2')) {
          $(this).before('<div class="test1 test2">message'+ i++ +'</div>');
          $(this).removeClass('test2')
       } else {
          alert('ok');
       }
   });
}
$(function () {
   test();
});