javascript - 事件类未设置为具有特定索引 () 的 `li`？

Question

我有一个 UL LI 菜单，一些 li 有 ul 个子菜单。

每次根 li 单击我添加 .active 到他们然后保存一个 li index() 到 cookie，

问题是在我将 index() 保存到 cookie 之后，active 类设置为 children index()例如 myclicked root li 是 7.

但是 css 转到 li 6 的子级并且 active 类添加到索引 6 的第一个 li 子级，但我想找到索引为 7 的根 li。

我的代码是:

$(function () {

        var foo = $.cookie("test");

        if (foo == null) {
            foo = 0;
        }

        $("#MenuArchiv").find("li").removeClass("activ");

        $("#MenuArchiv li").eq(foo).addClass("activ");


        $("#MenuArchiv li").click(function () {
            foo = $(this).index();
            $("#MenuArchiv").find("li").removeClass("activ");
             $(this).addClass("activ");
             $.cookie("test", foo, { expires: 10 });
        });
});

希望明白我的意思:)

Answer 1

那是因为您使用 index() 的方式为您提供了该元素在其父元素中的 index() 。但是你在一个包含所有 li 的对象上使用 eq() (甚至是其他 li 元素中的那些。所以你有两个完全不同的数组，你想在它们上使用相同的索引。

使用 index() 调用将您的行更改为以下内容，它应该可以工作:

foo = $("#MenuArchiv li").index(this);

这与您使用 eq() 所做的相同，它要求该元素在所有 li 元素的对象中的索引