jquery为动态的生成的HTML添加点击事件的解决方法

本文给出了一个例子来描述jQuery动态生成的元素绑定事件操作。分享给大家参考，如下：
在这段时间里，我在写代码的时候遇到了一个问题。click事件不适用于append()添加的节点。当时我百思不得其解，找不到出错的原因。后来发现是动态生成节点的问题，或者说我没有经验。
让我们总结一下这个问题的来龙去脉，吸取过去的教训。
先看看点击绑定事件的效果。
创建一个按钮来生成一个新的节点
按钮创建/按钮绑定点击事件
 $(".info").on("click",'.jr',function(){                    
                   var gl=parseFloat($(this).attr("gl"));
                   var totalnum=parseFloat($(".totalnum").html());
                   var total=totalnum+gl;                                 
                   $(".totalnum").html(total.toFixed(2));                    
                    var maxnum=parseFloat($(".maxnum").html());
                    if(gl>maxnum){
                        $(".maxnum").html(gl.toFixed(2));
                    }
                    var xh=$(".xh").html();
                    var color=$(this).attr("color");
                    var gy=$(".gy").html();
                    $(".gy").html(gy+'<span class="gyitem" gl="'+gl+'" alt="点击可删除">'+xh+'-'+color+'<i class="layui-icon layui-icon-close myred">');
               });</i class="layui-icon layui-icon-close myred"></span class="gyitem" gl="'+gl+'" alt="点击可删除">