文档章节

iconfont.cn记录加入购物车的icon,方便下次继续添加修改

hell0cat
 hell0cat
发布于 2015/03/22 17:58
字数 147
阅读 114
收藏 3

iconfont不能记住已经加入购物车的icon,只能先记录下来,下次需要再选择。

记录当前已加入购物车的icon

var sel = document.querySelectorAll('.font-lists div.iconfont.selected'); 
var uids=[]; 
for(var i=0; i<sel.length; i++){ 
    uids.push(sel.item(i).getAttribute('data-uid')); 
}
uids.join(',');

获取下载的demo页面icon id值;

var ico = document.querySelectorAll('.icon_lists li');
var uids =[]; 
for(var i=0; i<ico.length; i++){ 
    uids.push(parseInt(ico.item(i).querySelector('.code').innerText.replace('&#', '0').replace(';', ''), 16)); 
}
uids.join(',');

还原获取到的icon

uids_str.split(',').forEach(function(v){ 
    document.querySelector('.font-lists div.iconfont[data-uid="'+v+'"]').click(); 
});

搞定。方便下次继续增加一两个icon。

© 著作权归作者所有

共有 人打赏支持
hell0cat
粉丝 36
博文 48
码字总数 24082
作品 0
徐汇
程序员
私信 提问
Vue Element使用icon图标(第三方)

element-ui自带的图标库还是不够全,还是需要需要引入第三方icon,自己在用的时候一直有些问题,参考了些教程,详细地记录补充下 对于我们来说,首选的当然是阿里icon库 教程: 1.打开阿里i...

果树啊
2018/12/07
0
0
resources_design

icono.min.css ICONO Demo iconawesome 阿里巴巴图标库ICONfont ICONfinder ionic icon 2015年5月出炉的扁平化图标套装下载...

前端届的科比
2015/05/19
0
0
【前端工具】Iconfont的正确打开方式

在线网址:www.iconfont.com Iconfont是什么? 阿里妈妈MUX倾力打造的矢量图标管理、交流平台。设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字...

张瑾瑜
2018/05/20
0
0
2017-05-15总结

1.上午导出elh 5-14号数据 2.查询小游戏数据 ,修改某一个用户的游戏次数 3.修改下订单时积分添加问题,添加购物车时积分保存问题 4.清算,一个订单只是购买一个清算是可以的。但是一个订单购...

卡卡就是写
2017/05/15
1
0
淘淘商城系列——展示购物车商品列表

通过上文的学习,想必大家都已经实现了添加购物车的功能,本文我们将一起实现展示购物车商品列表的功能。 我们访问淘淘商城首页(前提是启动了所有的服务及工程,虽然有个别工程用不上,不过...

yerenyuan_pku
2017/06/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

nginx 找不到pid文件原因及解决办法

2.var/run/nginx.pid文件 首先 var/run这个目录是干嘛用的? 此文件夹包含描述系统启动以来系统信息的数据。此文件夹下的文件必须在启动过程初期清除(删除或归零)。程序可以在/var/run下有...

李佳顺
38分钟前
2
0
【scala】2.控制结构和函数

简介 在Java或者C++中,我们把表达式和语句看做两种不同的东西。表达式有值,而语句执行动作。 在Scala中,几乎所有构造出来的语法结构都是有值的。这个特性使得程序更加的精简,也更易读。 ...

Areya
42分钟前
0
0
Java中的并发工具类(CountDownLatch、CyclicBarrie、Exchanger)

在JDK的并发包里提供了很多有意思的并发工具类。CountDownLatch、CyclicBarrier和Semaphore 工具类提供了一种并发流程控制的手段,Exchanger 工具类则提供了在线程间交换数据的一种手段。 1....

孟飞阳
46分钟前
0
0
Docker之推送镜像到Harbor

安装Harbor之类的在这里就不讲了,请看我的这篇博客 1、在Harbor上创建用户 如下图1.1所示,"Users"->"NEW USER",之后会弹出一个输入框,输入用户名、密码之类的,这个后面会用到 图1.1 2...

克虏伯
今天
0
0
JVM-----java内存区域与java内存模型

一.java内存区域 jvm在执行java程序的过程中会把所管理的内存分为若干不同的区域,有的区域随着虚拟机进程的启动而存在,有些区域则是依赖用户线程的启动和结束而建立和销毁的。 以下是java运...

Carol998
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部