jquery找到具有特定类的li并添加另一个类

Question

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

我总是在新类(class)中获得每一分……

这是代码

$('.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

因此，您有一个 TreeView ，其中包含列表的 View 有一个名为“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();
});