用html、jq写一个动态表单,可在之上进行删除修改操作
发布网友
发布时间：2022-04-30 15:21
共1个回答
热心网友
时间：2022-04-20 09:17
<喎�"http://www.2cto.com/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHByZSBjbGFzcz0="brush:java;">$(document).ready(function () { $('.view').click(function(){ //添加遮罩层 var maskHeight=$(document).height(); var maskWidth=$(document).width(); $('
').appendTo($('body')); $('div.mask').css({ 'opacity':0.4,'background':'#000', 'position':'absolute', 'left':0, 'top':0, 'height':maskHeight, 'width':maskWidth, 'z-index':2}); //获取表格中的数据 var arr=[]; $(this).parent().siblings().each(function(){ arr.push($(this).text()); }); $('.popDiv').show().children().each(function(i){ $(this).children('span').text(arr[i]); });//关闭 $('.close').click(function(){ $(this).parent().hide(); $('.mask').remove();//注意这里不能用hide，因为会不断生成mask }); }); //删除 $('.del').click(function(){ $(this).parents('tr').remove(); }); });
点击关闭遮罩消失，点击删除即可删除。修改这里就不放代码了，有兴趣的可以自己动手写写。相信用js写过显示和遮罩这个功能的用Jquery就体会到了它的强大。
在写移除遮罩的时候想当然的也跟点击关闭的时候用.hide但是在火狐调试器下面观察到了每当点击一次查看然后关闭，遮罩层虽然是消失了但是DOM树下每次都会多产生一个div,所以得用移除。不是功能正常了就万事无忧了，最重要的是怎样优化使得代码的效率更高。追问答非所问！
