将阿里巴巴官方图标库批量添加到购物车中

我是一个Java全栈开发,有时候需要找一些图标进行界面显示,偶然找到了阿里巴巴的这个网站(阿里巴巴矢量图标库),感觉突然发现了新大陆,但是他这个图标只能一个一个添加,很慢,所以看见有人写了两块代码,直接F12打开浏览器控制台就能运行,省了不少事

先运行这个,引入jQuery

var j = document.createElement('script');
j.setAttribute("src", 'https://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js');
document.getElementsByTagName("head")[0].appendChild(j);

再运行这个,添加到购物车中

$("span[title='添加入库']").each(function(){
	$(this).delay(500).click();
	console.log($(this).parent().prev().children().eq(0).html());
});

第二段代码运行完成之后就能直接去购物车里面添加到项目了

然后我就用使用ES6语法改变了一下,一段代码就行了,就不用引入jQuery了

document.querySelectorAll("span[title='添加入库']").forEach((o)=>{setTimeout(()=>{o.click();console.log(o.parentNode.parentNode.querySelector('.icon-name').innerText)},500)})

建议添加完成一个项目,再去添加另一个,不然图标库混在一起,很难整理出来。
然后点击“我的项目”里面去下载对应的文件资料就行了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值