jQuery给动态循环创建的dom添加事件

在使用jQuery时，经常需要根据后端获取的数据循环创建dom，而且给创建的某个元素添加事件

$("div").on('click', function{
    console.log("div");
})

用上面这种方式是绑定不了事件的，所以需要通过下面这种方式来绑定事件

$("document").on('click', "div",function(){
    console.log("div");
})

但有时我们会循环创建几个相同的div，并给他们绑定不同的事件，通过上述方法绑定的事件只能是相同的，这时只需要给循环创建的div在创建时加上不同的id

$("document").on('click', "div",function(){
    
    console.log(this.id);
})

再通过不同的id进行判断就能执行不同的操作