javascript - 卡在构建 'cart management' 系统

Question

我正在尝试为视频点建立一个数据库。主页是一个景点列表，您可以查看和修改它们。我想做的是建立一个购物车系统，其中选中的点的 ID 会自动添加到购物车并存储为 cookie。这样用户就可以浏览多个页面，同时仍然检查所有内容。

到目前为止，我在每个地方都有一个复选框，选中时会调用一个函数，该函数将复选框的 ID 添加到数组并将其存储为 cookie。

我可以通过 jquery 检索 cookie。我需要做的是在遍历 Blob 并打印它们时，检查该 Blob ID 是否在 cookie 中，因此我可以通过 php 将其设置为已选中或未选中。这可能吗？有没有更好的方法来实现这一点？

这是我目前所拥有的。

$(document).ready(function(){

    var checkedItems = [];

    $('.spotCheck').click(function(){
        var currentID = this.id;
        checkedItems.push(currentID);
        updateCookie();
    });


    function updateCookie(){
        $.cookie('itemList',checkedItems);
    }


    $('#mainContainer').click(function(){
        $('#textInCenter').html($.cookie('itemList') );
    });

});

单击复选框将 ID 添加到数组 checkedItems，然后单击 mainContainer 使其可见，这样我就可以看到数组中当前有哪些项目。我可以浏览页面并且 cookie 保留在数组中(现在无法删除它们，但我现在并不担心)。

那么当我打印点列表时，如何检查数组以查看其中是否有 id？

Answer 1

根据您正在寻找的内容，我认为这对您有用:

for (var i = 0; i < checkedItems.length; i++)
{
    var elm = $('#' + checkedItems[i]);
    if (elm.length > 0)
    {
        //element with the id exists.
        elm.attr('checked', true);
    }
 }