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>