jsp点击删除按钮删除当前行,jquery去除点击事件
本教程运行环境:windows7系统,jQuery 1 . 10 . 0版,Dell G3电脑。
jquery怎样点击按钮删除当前行
1.创建一个新的html文件,命名为test.html,解释jquery删除表中指定的行。使用table,td,tr标签创建一个三行两列的表格。要显示表格效果,请在这里将表格边框设置为1px。
使用按钮标签创建一个名为“删除表格行”的按钮。将onclick click事件绑定到按钮,当按钮被点击时,执行deltr()函数。
2.在js标签中,创建deltr()函数。在函数中,编写代码以删除表table中的指定行。
在deltr()函数中,用$匹配元素名获得的tr line对象,然后用eq()方法选择指定的行,用remove()方法删除。例如,在这里,用以下代码删除第二行(等式(1)):
在浏览器中打开test.html文件,然后点按按钮以查看效果。
点击按钮后:
总结:
1.创建一个test.html文件。
2.在文件中,使用table、td、tr标记创建一个三行两列的表格。同时创建一个按钮button来触发js函数。
3.在js标签中,创建一个函数。在函数中使用$ match通过元素名获取tr line对象,然后通过eq()方法选择指定的行,通过remove()方法删除。
注意事项:
eq()方法中的数字,从0开始,即0代表第一行,1代表第二行代码,以此类推。
相关视频教程推荐:jquery视频教程以上是jQuery如何点击按钮删除当前行的细节。更多请关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。