jquery找到某个类的li并添加另一个类

Question

如果 li 有 class='parent'，我不知道如何循环 ul 并添加一个类

我的新课总是能得到每一个 li...

这是代码

$('.navigation').find('li').each(function() {
        if($(this).hasClass('parent')) {
            $(this).find('li').each(function() {
                $(this).addClass("nivel_1");
                $(this).css('display', 'none');
                if($(".nivel_1").hasClass('parent')) {
                    $(".nivel_1").find('li').each(function() {
                        $(this).addClass("nivel_2");
                        $(this).css('display', 'none');
                    });
                }
            });
        }
    });

这就是我得到的

我该怎么办？

谢谢！

普卢达

Answer 1

所以你有一个树形视图，而其中有一个列表的有一个名为 parent 的类。

我还没有测试过这个（我不知道 jQuery 是否有内置的东西来做这个），但你可以尝试类似的东西：

$(document).ready(function(){
    $('.navigation').find('li.parent > ul > li').addClass('nivel_X');
    $('.nivel_X').each(function(){
        var level = $(this).parents('.parent').size();
        $(this).removeClass('nivel_X').addClass('nivel_'+level);
    });
});

这个想法是，您将使用“父”类为 li 的每个直接子级添加一个类，然后将该类命名为 nivel_X，其中 X 被它在上面找到的父级数量替换...

以下代码也有效，我更喜欢它：

$('.navigation').find('li.parent > ul > li').addClass(function() {
    return 'nivel_'+$(this).parents('.parent').size();
});

Answer 2

你真的不需要做一个循环。不过老实说，您的代码似乎比您的问题描述要复杂得多，所以也许这太简单了。

$('li.parent').addClass("nivel_1");