$(".layui-tab").on("click",function(e){
            if($(e.target).is(".layui-tab-close")){

                console.log($(e.target).parent().attr("lay-id"))// 输出哪个tab被点击，没有值时返回undefined

            }

        })

html代码
实现方式(1)
删除的实现逻辑：
(1)在动态添加dom元素的时候，给每一个button添加一个clear的类名。
(2)获取页面中带有clear类名的button按钮。
(3)for循环遍历，添加onclick点击事件。
实现方式(2)
删除的实现逻辑：
(1)在动态添加dom元素的时候，给每一个button添加一个del的点击事件。
(2)并且把this传过去
(3)执行点击事件。
两个人写的代码
第一种方式@前端菜鸟的进阶之路
function add(){ var input = document.getElementById('input').value; var tableBody= document.getElementById('table-body'); var list = ""+ input +" 删除" tableBody.innerHTML += list; let clear = document.getElementsByClassName('clear'); console.log(clear); for(let i = 0; i < clear.length; i++ ){ clear[i].onclick = function () { console.log(this.parentNode.parentNode); tableBody.removeChild(this.parentNode.parentNode); } }  }
第一种方式@前端大肥肥
 var tableBody = document.getElementById('table-body'); function add(){ var input = document.getElementById('input').value; if(!input) return false; var list = ""+ input +" 删除 " tableBody.innerHTML += list; } function del(_this) {  tableBody.removeChild(_this.parentNode.parentNode); }

监听复选框 监听点击事件

两个按钮放在<script>中

<script type="text/html" id="toolbarDemo">
  <div class="layui-btn-container demoTable">
    <button class="layui-btn layui-btn-sm" lay-event="add" ><i class="layui-icon layui-icon-add-circle-fine" style="font-size:20px;font-weight:bold"></i> 新增班级</button>
    <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="batchdel" data-type="getCheckData"><i class="layui-icon layui-icon-delete" style="font-size:20px;"></i> 批量删除</button>
  </div>
</script>


在生成表格的js中 使用了toolbar:"#toolbarDemo",使按钮加载到表格上


JS实现批量删除(首先开启复选框监听，接着监听点击，active中获取选中数据，通过遍历数据，将班级id存储在delList数组中，通过var strify = JSON.stringify(delList);将数组转为JSON字符串)

//批量删除
	 active = {
			    getCheckData: function(){ //获取选中数据
			        var checkStatus = table.checkStatus('tableAll')
			        ,checkData = checkStatus.data,
			        delList=[];
		             
		             for (var i = 0; i < checkData.length; i++) {
						delList.push(checkData[i].classid);
					 }
		             var strify = JSON.stringify(delList);
			        console.log(strify);
			        $.ajax({
				    	url:"../../ClassesDeleteBatchServlet",
				    	dataType:'json',
				    	data:{
				    		datas:strify
				    	},
				    	type:'post',
				    	success:function(data){
				    		if (data == 0) {
				    			layer.msg('删除失败！',{icon:5,offset:"auto",time:2000});//提示框
							}else{
								layer.msg('删除成功！',{icon:6,offset:"auto",time:2000});//提示框
							}
				    		
				    		setTimeout(function(){
								location.reload();//重新加载页面表格
							}, 2100);
				    	}
			        })
			    }    
			 };
		//监听点击
 	  $('.demoTable .layui-btn').on('click', function(){
		     var type = $(this).data('type');
		     active[type] ? active[type].call(this) : '';
		 });
	  //监听表格复选框选择
  		table.on('checkbox(table1)', function(obj){
  			console.log(obj);
  		})

function remove(id) {
	layer.confirm('确定要删除选中的记录？', {
		btn : [ '确定', '取消' ],
		success:function(){
			this.enterEsc = function (event) {
				if (event.keyCode === 13) {
					$(".layui-layer-btn0").click();
					return false; //阻止系统默认回车事件
				}else if(event.keyCode == 27){
					$(".layui-layer-btn1").click();
					return false;
				}
			};
			$(document).on('keydown', this.enterEsc); //监听键盘事件，关闭层
		},
		end:function(){
			$(document).off('keydown',this.enterEsc); //解除键盘关闭事件
		}

	}, function() {
	
	layer.close(index);    //执行完后关闭
	}
	})
}