js之 动态添加显示的列表元素如何添加点击事件

参考网址 https://www.jb51.net/article/174090.htm

动态追加div

 if (obj.code == 200) {
        var options = '';
        for (var i = 0; i < data.length; i++) {
            var t = data[i];
            options += '<div class="aui-flex b-line"><span class="aui-well-item-fr" onclick="del(this)" id="'+t+'"></span><div class="aui-flex-box"><p>'+t+'</p></div><div class="aui-flex-fr"><div class="aui-well-item-fdel" uu="'+t+'"></div></div></div>';

        }
        $('#test').html(options);
    } else if (obj.code == 403) {
        console.log('999');
    }

1 oclick
上面的 onclick 中触发 del 方法

 del = function(obj){
    var thisObj =  $(obj);  //js对象转jquery对象  
    var speech = thisObj.attr("id");  
 }

2 监听元素

$('#test').on('click','.aui-flex-fr',function(){
	
});

或

document.getElementById('joblist').addEventListener('click', function (ev) {
    var target = ev.target || ev.srcElement;
    
    if (target.nodeName.toLowerCase() == 'button') {
    
      	var e = document.getElementById(target.parentNode.id);
      	document.getElementById("joblist").removeChild(e);
    }
});