JS - Jquery 利用cookie 实现本地收藏功能，不重复无需多次命名

JS核心部分

说明：用split(’,’)分隔字符串转换数组数组，把上一次收藏的id 和这一次的收藏用 + “,”+ 当前id 来存入，到时候用split() 方法转换成数组即可。

<script type="text/javascript">$(function(){var arr = $.cookie("attractionsid").split(',');console.log($.cookie());for (var i = 0; i < arr.length; i++) {if(parseInt(arr[i]) == parseInt( 请填入ID值 )){//判断是否收藏过，收藏过亮图标$('#shoucang2').removeClass('hide');$('#shoucang1').addClass('hide');break;}};$("#shoucang").click(function(event) {var judge = true;console.log(arr)for (var i = 0; i < arr.length; i++) {if(parseInt(arr[i]) == parseInt(请填入ID值)){arr.splice(i,1);$.cookie("attractionsid", arr, { expires: 361});console.log('取消收藏');$('#shoucang2').addClass('hide');$('#shoucang1').removeClass('hide');judge = false;break;}};if(judge){$.cookie("attractionsid", $.cookie("attractionsid") + ","+"请填入ID值", { expires: 361});console.log('收藏成功');$('#shoucang2').removeClass('hide');$('#shoucang1').addClass('hide');}});})
</script>

JS - Jquery 利用cookie 实现本地收藏功能，不重复无需多次命名相关推荐

java记住密码 cookie_Java Web网站怎么利用Cookie实现记住密码功能
在做java web网站开发时,为了避免每次登录都需要输入用户名和密码,我们会使用Cookie技术来实现记住密码功能,在这里小编使用简单的项目案例来教大家具体的实现过程. 前期准备 1.下载好jque ...
用原生 js jquery 实现知乎收起答案功能
Update 2016.12.7 已封装为插件原生 js 插件$ npm install foldcontent-zhihu@">=3.0.12" --save Usage ...
OneNav一为主题魔改教程（七）：继续完善本地网址功能，重复的网址不让保存--洞五洞洞幺
自定义网址的功能,刚一不留神, 我添加了几个重复相同的自定义网址, 看作者的源码,在addsite方法并没有判断是否重复添加的网址, 这是一个bug, 所以, 我们来加上判断,修复这个bug. 效果: ...
为什么本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效？
2019独角兽企业重金招聘Python工程师标准>>> 为什么本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效?新手学习js或jquery时,一般是在本地调 ...
html+css+js+jquery之常见的的本地存储实现一个简单的todoList项目
前言就在几天前,在b站的某博主那里看见了一个面试的模拟,意外看到那个同学有一个todoList的项目很显然,这个项目就和本次我所要展示的项目代码原理一致,但是界面上我这个就会不太美观. 知识点本 ...
html5 复制到剪贴板兼容,js/jQuery实现复制到剪贴板功能，兼容所有浏览器
因为工作的原因,需要实现这样一个功能:点击按钮,复制文本内容. 百度了一下,大都语焉不详,最终找到了一篇很好的博文,有讲解,有实例,捣鼓了一会,最终实现了功能. 网址在这里http://www.cnb ...
js/jquery 获取本地文件的文件路劲获取input框中type=‘file’ 中的文件路径(转载)...
原文:http://blog.csdn.net/niyingxunzong/article/details/16989947 js/jquery 获取本地文件的文件路劲获取input框中type=' ...
python爬虫qq好友信息,GitHub - equationl/QQzone_crawler: QQ 空间动态爬虫，利用cookie登录获取所有可访问好友空间的动态保存到本地...
关于 Edit by equationl 优先在码云上更新该项目修改自 xjr7670 的 QQzone_crawler 原作者说明: QQ空间动态爬虫修改了什么? 爬取完整的评论列表爬取点 ...
jQuery搜索框自动补全功能插件实现-autocomplete.js
最近用nodeclub实现股票的输入关键字自动补全股票信息进行搜索功能,原先用jQuery-ui,结果jQuery-ui库太大,所以考虑用其他插件,最终选择使用autocomplete.js,控件简单 ...

JS - Jquery 利用cookie 实现本地收藏功能，不重复无需多次命名

JS核心部分

JS - Jquery 利用cookie 实现本地收藏功能，不重复无需多次命名相关推荐

最新文章

热门文章