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); 
});