为什么这里用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事件里就能解决问题了