jQuery的事件生成的html由JavaScript

Question

如何做下一件小事：

<div id="mydiv">clickme</div> 

如果我点击 “clickme”，然后出现 “DELETEME”

(function() { 
    $(document).ready(function() { 
     var initHtml = $('#mydiv').html(); 
     $('#mydiv').click(function (e) { 
      $('#mydiv').html(initHtml + '<div>deleteme</div>'); 
     }); 
     $('#mydiv > div').click(function (e){ 
      $('#mydiv').html(initHtml); 
     }); 
    }); 
})(jQuery); 

如何投入到工作中删除我？如果我点击它，它不会消失。

Answer 1

您需要在函数中使用事件代表团jQuery的，因为你的划分是动态创建的：

$(body).on('click','#mydiv > div',function (e){ 
    $('#mydiv').html(initHtml); 
});