通过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的名称来切换样式。

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

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