为什么这里用html()后，能显示内容，却不能清空内容？

Question

html:

<div>我已阅读并同意<a href="javascript:;" class="content">《项目协议书》</a></div>

js:

var  str1 =[ ' <span class="coop_close">我知道啦</span>',
       '<div class="notice_word">' ,
      '12345674859',
'</div>'].join("");

var $coopNotice = $('a.content');
   $coopNotice.on('click', function () {
       var $content =$('#notice-content');
       $content.html(str1);
       return false;
});
var $coopNoticeClose = $('span.coop_close');
   $coopNoticeClose.on('click', function () {
       $(this).parent().html('');

});

Answer 1

发出去后自己就马上知道原因了。因为页面刚加载的时候，是获取不到我动态添加的元素的，如果放到前面的click事件里就能解决问题了