方式:1、给按键原素关联click点击事件,特定事故处理涵数;2、在处理函数中运用“$(原素)”句子配对原素目标;3、运用“:eq()”和remove()方式删除当前行,英语的语法为“原素目标.eq(部位值).remove()”。
本实例教程实际操作自然环境:windows7系统软件、jquery1.10.0版本号、Dell G3电脑上。
jquery如何点一下按键删除当前行
1、新创建一个html文档,取名为test.html,用以解读jquery删掉table中特定行。应用table、td、tr标签建立一个三行多列的报表,为了更好地展现报表实际效果,这儿设定报表框边为1px。
应用button标识建立一个按键,按键名字为“删掉table行”。给button按键关联onclick点击事件,当按键被打开时,实行deltr()涵数。
2、在js标识中,建立deltr()涵数,在变量内,将撰写编码完成删掉table报表中的特定行。
在deltr()涵数,应用$合乎根据原素名字得到tr行目标,再根据eq()方式选定特定的行,根据remove()方式完成删掉,比如,这儿删掉第二行(eq(1)),编码如下所示:
在打开浏览器test.html文档,点一下按键,查询完成的实际效果。
点一下按键后:
汇总:
1、建立一个test.html文档。
2、在文档内,应用table、td、tr标签建立一个三行多列的报表,与此同时建立一个button按键,用以开启实行js函数。
3、在js标识内,建立涵数,在变量内,应用$合乎根据原素名字得到tr行目标,再根据eq()方式选定特定的行,根据remove()方式完成删掉。
常见问题:
eq()方式内的数据,从0逐渐,即0意味着第一行,1编码第二行,以此类推。
有关教程视频建议:jQuery教程视频
以上便是jquery如何点一下按键删除当前行的详尽具体内容,大量请关心自学java网其他相关文章!
WWW.lllT.neT声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!
原文地址:jquery如何点一下按键删除当前行发布于2021-12-10 14:45:01