博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jqury 获取表格中点击删除图标后要删除一行的元素数据
阅读量:4286 次
发布时间:2019-05-27

本文共 1012 字,大约阅读时间需要 3 分钟。

如题,我在界面上有个表格,表格每一行后面有个删除按钮,当我点击删除按钮时,我希望能获取按钮所在这一行的数据,以用来post到后端,在数据库中删除这一行数据

我的架构为django

1、表格的html

{% for emp in pagination.objs %}
{% endfor %}
title body time operation
{
{ emp.title }}
{
{ emp.body }}
{
{ emp.timestamp }}
在这个html中,我在表格中的每一行的td标签中都加了id,便于获取数据。在删除按钮上加了Onclick,指定了getrmitem函数,并传this参数

html代码实现的页面如下:

当我点击第一行的删除按钮时,我希望能获取到第一行的title 和body这两列的数据

2、实现的getrmitem()函数

以上代码中,先调用了两次的parent函数,获取到点击的这一行的tr标签,再调用tr的children函数分别获取了标签为td,id为title和id为body的两个数据,通过alert函数提示出来

效果如下:

获得的数据就可以用来post到后端了

你可能感兴趣的文章
Struts2声明式异常处理
查看>>
Web.xml中jsp-config元素简述
查看>>
Struts2类型转换和自定义类型
查看>>
Java面向对象特征有那些
查看>>
hibernate单表继承映射
查看>>
继承结构中每个子类单独一张表
查看>>
HQL查询-分页-条件-连接-过滤使用
查看>>
hibernate加载策略之lazy
查看>>
hibernate抓取策略fetch
查看>>
Hibernate的N+1条SQL查询问题-------Iterate
查看>>
hibernate 缓存机制
查看>>
悲观锁
查看>>
Spring官网下载的步骤
查看>>
Spring入门之-------搭建步骤
查看>>
Spring源码和jar包下载步骤
查看>>
Spring依赖注入(dependency injection)
查看>>
一位资深程序员大牛给予Java初学者的学习路线建议
查看>>
spring中bean的自动装配和作用域
查看>>
java中关于“==”和“equals()”方法的区别
查看>>
Could not create the view: An unexpected exception was thrown.
查看>>