动态添加dom,和对应的删除事件

<div class="TextCon"></div>

//全局

var  zhj_global_params = {

  geneNum : 0,

  getGeneNumFn :function(){

    return this.geneNum ++;

  }

}

var  textDom = '<div class="content"  id = "zhaDyDiv_zj@zhjGeneNum@"> '+

  '<p>内容</p> '+

  '<a href="#"  data="zj@zhjGeneNum@">shanchu</a> '+

'</div>'

//点击添加按钮

$('#addBtn').on('click',function(){

  var reg = /zj@zhjGeneNum@/g;

  var  textDomAppend = textDom,replace(reg,zhj_global_params.getGeneNumFn())

  $('.TextCon').append(textDomAppend);

})

$('.TextCon').on('click','a',function(){          //绑定事件

  $('#zhjDyDiv_' + $(this).attr('data')).remove();

})

原文地址:https://www.cnblogs.com/zj911005/p/8922448.html