对Ul下的li标签执行点击事件 |
您所在的位置：网站首页 › li标签添加点击事件 › 对Ul下的li标签执行点击事件 |
|
问题所来：做项目时，一般的数据都是用循环动态加载出来的，结构都是一样的，只是绑定的值不同，如何对相同的标签做处理的问题就来了。 例如：点谁就显示谁的数值 1 2 3 4
1解： 如果没有class属性的时候 在相同的标签外部（随便找一个即可，需要包裹所有的相同标签） （ ul包裹了所有的li, on里面的 第一个参数：需要的做的事件类型，第二个参数：对谁做 执行这个事件的对象） 对于ul中的li $("ul#test").on("click","li",function(){ //只需要找到你点击的是哪个ul里面的就行 alert($(this).text()); });对于表格中的td 型号编号 型号名称 型号描述 创建时间 操作 1 车子 描述 2016/11/15 删除 2 衣服 描述2 2016/11/16 删除 $('#example tbody').on('click', 'button#delrow', function () { var tt = $("#example").DataTable(); tt.row($(this).parent('tr')).remove(); //删除你点击的行 });2解：有class属性 通过循环来做 $(".test").each(function(){ alert( $(this).text()); });
3解：有class属性 $(".test").click(function(){ alert( $(this).text()); });
|
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |