WWW.lllT.neT

方式: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()涵数。

1123.16.png

2、在js标识中,建立deltr()涵数,在变量内,将撰写编码完成删掉table报表中的特定行。

在deltr()涵数,应用$合乎根据原素名字得到tr行目标,再根据eq()方式选定特定的行,根据remove()方式完成删掉,比如,这儿删掉第二行(eq(1)),编码如下所示:

1123.17.png

在打开浏览器test.html文档,点一下按键,查询完成的实际效果。

1123.18.png

点一下按键后:

1123.19.png

汇总:

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