通过for循环生成简单的座位表

首先,要获取到车辆的座位数信息,

这里是通过查询

获取车型的座位数与车辆的加座数

决定了车辆的座位总数

座位最原始的状态是未售

在for循环的时候,

直接给个空座位的样式

#ZuoWei是状态座位的DIV

emptySeat是页面上的样式,

p标签里面的装的是座位号,

因为控制器的所有是从零开始的所以+1；

append 的作用是在指定的地方追加元素,

这里的for循环的意思是

在ID为ZuoWei的div里面追加sumUp次座位样式,

页面的效果如图下所示:

效果还追加了点击会改变对应座位的样式,

$(this).attr(‘id’)就是获取页面点击到那的id值

在前面已经将for循环出来的id值相对于赋值上去了

然后获取到#ZuoWei 下的DIV 的id值=gzdid下面的Span标签

最后通过判断span的class的名称来切换样式。

图下是点击对应的座位后对应改变的样式再次点击就会复原

仅是一个座位表的效果模型。

通过for循环生成简单的座位表相关推荐

武汉大学提出ARGAN：注意力循环生成对抗模型用于检测、去除图像阴影 | ICCV 2019...
作者 | 王红成出品|AI科技大本营(ID:rgznai100) [导读]如何去除一张图像中的阴影部分?在ICCV 2019会上,武汉大学的一篇论文针对这一问题提出了一种用于阴影检测和去除的注意循环 ...
武汉大学提出ARGAN：注意力循环生成对抗模型用于检测、去除图像阴影 | ICCV 2019
[导读]如何去除一张图像中的阴影部分?在ICCV 2019会上,武汉大学的一篇论文针对这一问题提出了一种用于阴影检测和去除的注意循环生成对抗网络--ARGAN.论文中通过生成一张更加准确的注意力图,用 ...
GAN学习记录（五）——循环生成对抗网络CycleGan
循环生成对抗网络CycleGan实现风格迁移 dataset https://people.eecs.berkeley.edu/~taesung_park/CycleGAN/datasets/vang ...
ASP.NET MVC 生成简单的 xml 权限结构
ASP.NET MVC 生成简单的 xml 权限结构当我的一个项目到尾声时,发现系统很多模块权限有遗漏.部分模块权限遗漏是由于前期开发速度太快,开发人员未先给模块加权限而后再编写该模块功能代码.当我 ...
C# Random循环生成随机数重复问题解决方案
C# Random循环生成随机数重复问题解决方案参考文章: (1)C# Random循环生成随机数重复问题解决方案 (2)https://www.cnblogs.com/duanjt/p/70641 ...
python导入csv文件-Python从CSV文件导入数据和生成简单图表
原标题:Python从CSV文件导入数据和生成简单图表我们已经完成Python的基础环境搭建工作,现在我们尝试导入CSV数据我们准备一个csv测试数据,文件名是csv-test-data.csv数 ...
java 利用dfs生成简单的随机迷宫（效率不高）
利用深搜可以生成简单的迷宫,思路就是从起点执行dfs.当然你要首先用一个容器将四个方向的随机数装起来保证一定可以走.一个点一旦被走过就不会再走那个店,利用递归思想,因为这个点如果不成功在之前回溯的时候 ...
python批量生成,用python批量生成简单的xml文档
最近生成训练数据时,给一批无效的背景图片生成对应的xml文档,我用python写了一个简单的批量生成xml文档的demo,遇见了意外的小问题,记录一下. 报错问题为:ImportError: No m ...
java循环的概念_Java数据结构之循环队列简单定义与用法示例
本文实例讲述了Java数据结构之循环队列简单定义与用法.分享给大家供大家参考,具体如下: 一.概述: 1.原理: 与普通队列的区别在于循环队列添加数据时,如果其有效数据end == maxSize - ...
生成简单的Makefile文件(Python实现)
在linux下写几个测试程序,还要一行行的输入g++命令进行编译,当经常改测试代码的时候,那一次次的敲(或者一次次的上线箭头选)也感觉不爽,不如make来的快.用Makefile的好处就不用多说了,这 ...

通过for循环生成简单的座位表

通过for循环生成简单的座位表相关推荐

最新文章

热门文章