1、根据数据结构生成HTML结构（利用dom操作）。
2、获取每一个li,给每一个li中每一个a标签绑定事件处理函数。
3、点击a标签，把a标签的内容添加在对象中，同时添加样式。
4、根据对象存的属性生成选择则条件的HTML结构（按顺序排列）。
5、点击关闭选择的条件，删除数据，移除HTML结构，去除在其对应的li中的样式。
实现方法就是生成页面的时候把这个商品（SKU）对应的各种库存信息取出来，然后赋值给 javascript 。javascript 根据用户选择事件来确定条件（点击的颜色，尺寸），然后对应取出库存量，通过 DOM 操作显示给用户。具体可以点击右键查看源码：
<li data-value="1627207:28341" title="0020黑色">
<a href="#" tyle="background:url(图片路径地址_30x30.jpg) center no-repeat">
<span>0020黑色</span>
</a>
</li>
上面的属性 data-value 内容就是标记选定颜色的，假设同样有尺寸的属性 123:321。那么 123:321&1627207:28341 就能确定库存。查看 javascript ，搜索一下 skuMap 就会发现库存数据全在里面了。
