jQuery将cookie保存在使用;这";

jQuery将cookie保存在使用;这";,jquery,list,cookies,user-interface,toggle,Jquery,List,Cookies,User Interface,Toggle,我使用的是我从这个网站上的帖子拼凑而成的切换列表显示。它们工作得很好,但我希望它们能够保存一个cookie值 我已经了解了当您针对单个类/项时如何使用cookie,例如“if(mycokie==value){do stuff to“.myClass”…}”。但问题是,我使用的是一组列表,它们会受到使用“$(this)”来调用它们的影响。因此,通过类值来定位它们是行不通的,因为它们将使用该类来定位所有对象。有道理?cookie需要实现“this”而不是“myClass” 下面是我为列表拼凑的代码

我使用的是我从这个网站上的帖子拼凑而成的切换列表显示。它们工作得很好,但我希望它们能够保存一个cookie值

我已经了解了当您针对单个类/项时如何使用cookie,例如“if(mycokie==value){do stuff to“.myClass”…}”。但问题是,我使用的是一组列表,它们会受到使用“$(this)”来调用它们的影响。因此,通过类值来定位它们是行不通的,因为它们将使用该类来定位所有对象。有道理?cookie需要实现“this”而不是“myClass”

下面是我为列表拼凑的代码

// append links to the element directly preceding the element with a class of "toggle"
$(".toggle").prev(".toggleList").append('<a href="#" class="toggleLink" id="collapse"></a>');

// hide all of the elements with a class of 'toggle'
$('.toggle').show();

$('a.toggleLink').click(function() {

    // change the link depending on whether the element is shown or hidden
    if (!$(this).is('.active')) {
        $(this).addClass('active');
        $(this).attr("id" ,"expand");
                    THIS IS WHERE I NEED THE $.COOKIE TO WORK. I NEED IT TO REMEMBER THAT "THIS" IS "EXPANDED" OR THAT THE FOLLOWING LINE IS "COLLAPSED"
    }
    else {
        $(this).removeClass('active'); 
        $(this).attr("id" ,"collapse");
    }

    // toggle the display
    $(this).parent().next('.toggle').toggle();
    return false;
});

上面列出的使用它们的方法不能针对单个类,而是针对实际的项(“this”)。当我尝试通过修改上述代码来应用它们时,它会影响“.toggle”类的每个实例。“.toggle”类将在页面上使用多次,并且需要无限次可用

使用jQuery Cookie插件实现起来非常简单

通过执行以下操作获取cookie:

$.cookie("CookieName");

感谢您的输入,但我认为这是我们在其他地方使用cookies的方式,我不知道如何将其应用于“this”而不是“.aClass”。这有意义吗?我的代码将在页面上无限次使用“.toggle”。我无法将“.toggle”作为目标,因为它将针对每个实例。我需要能够针对语句中的“this”部分。我不同意将其列为答案的“1”。尽管投入巨大,上面列出的答案对于我已经解决的一个简单问题来说是一个非常简单的解决方案。我遇到的问题是如何获得一个cookie来处理我在问题代码中列出的切换。
var CookieOptions = { expires: 7, path: '/' }
$.cookie("CookieName", "CookieValue", CookieOptions);
$.cookie("CookieName");