jquery - 将数组保存到 cookie，然后将其加载回数组

Question

这是交易。此代码应该将变量 'item' 推送到数组 'savedList'

 $(document).ready(function() {
var savedList = [];
 $('#button').click(function (){
    var toAdd = $('input[id=newItem]').val();
    if (toAdd =="") 
    {
        return toAdd
    } else {
    var item = '<div class="item">'+toAdd+'</div>';
    $('.shoppingScroll').prepend(item);
    $('#counter').html('You have ' + $('.item').size() + ' item(s) in you   list');
            savedList.push(item);

    }

});

据我了解，这应该将所有“.items”推送到我的数组中，包括类规范。问题是如何将其保存到 cookie 中，然后在页面开始时加载。我将 jQuery cookie 插件附加到我的页面，但在查看文档后无法弄清楚如何使用它。

谢谢

Answer 1

非常基本和粗略的代码看起来像：

$(document).ready(function() {
    var savedList = [];
    $('#button').on('click', function (){
        var toAdd = $('input[id=newItem]').val();
        if (toAdd =="") {
            return toAdd
        } else {
            var item = '<div class="item">'+toAdd+'</div>';
            $('.shoppingScroll').prepend(item);
            $('#counter').html('You have ' + $('.item').size() + ' item(s) in you   list');
            savedList.push(item);
            $.cookie('list', savedList);
        }
    });

    if($.cookie('list')) {
        $.each($.cookie('list'), function(index, val){
            console.log(val)
        });
    }
});