如何动态删除题型

引言

最近java版的itoo下的题库管理有一个新加题型的功能,但是没有实现动态删除。因为删除涉及到一些逻辑,所以在这里写下这篇博客,整理整理逻辑。

删除的逻辑

看一张图吧先:
这里写图片描述
也就是说,在点击删除的时候,应该首先判断这条记录是否是第一条和最后一条,默认不能删除第一条,如果是最后一条,直接删除。如果都不是,则需要对删除的数据之后的所有数据的属性进行处理(减1处理)。

问题1-如何获取当前选中控件

在知道大致的逻辑之后,就是各种问题排查,将大问题化小,各个击破。
所以遇到的第一个问题是如何获取当前选中的控件。这里利用的是parentNode。

    var pNode=me.parentNode;
    var currentdiv=pNode.id;   //获取当前div的id

这样就能获取当前的div的id值了。

问题2-如何获取需要的控件值并进行修改

现在应掌握了删除的控件信息,那么如何获取之后的控件信息,并加以修改?
根据每个控件都有一个class,获取控件的所有信息:

    var dg=$(".bigQuestion")[0];

这样就能获取答题干所需信息,下边看看如何更改它的属性值。

    dg.setAttribute("name","dg"+(i));   
    dg.setAttribute("id","dg"+(i)); 

这样就能更改紧挨着的属性的值了,最后加个for循环遍历剩下的所有的控件就能依次更改信息了。

总结

删除题型因为全是jsp页面上的操作,所以前台的知识必须牢固才行啊~在调页面的过程中反复了很多次,但是真的是很长知识~而且通过这次对前端页面的调试,也发现原来前台真的是特别能出效果的,特别有成就感呢!

评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值