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

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。

你可能感兴趣的:(iconfont.cn记录加入购物车的icon,方便下次继续添加修改)