Javascript UL标签-根据级别添加类别

Javascript UL标签-根据级别添加类别,javascript,jquery,html,Javascript,Jquery,Html,我正在寻找一个选择器,它可以自动将类添加到UL标签中,即使列表包含超过3个级别。我总是需要UL标签的级别 但是这将UL添加到不需要使用jQuery,您可以使用CSS /*1级*/ 保险商实验室{ 背景:333人; } /*二级*/ ul{ 背景:CC00FF; } /*三级*/ ul ul ul ul{ 背景:FF00CC; } /*第4级*/ ul ul ul ul{ 背景:CCFF00; } a{ 文字装饰:无; 颜色:000000; } 不需要使用jQuery,您可以使用CSS /*1

我正在寻找一个选择器,它可以自动将类添加到UL标签中,即使列表包含超过3个级别。我总是需要UL标签的级别


但是这将UL添加到不需要使用jQuery,您可以使用CSS

/*1级*/ 保险商实验室{ 背景:333人; } /*二级*/ ul{ 背景:CC00FF; } /*三级*/ ul ul ul ul{ 背景:FF00CC; } /*第4级*/ ul ul ul ul{ 背景:CCFF00; } a{ 文字装饰:无; 颜色:000000; }
不需要使用jQuery,您可以使用CSS

/*1级*/ 保险商实验室{ 背景:333人; } /*二级*/ ul{ 背景:CC00FF; } /*三级*/ ul ul ul ul{ 背景:FF00CC; } /*第4级*/ ul ul ul ul{ 背景:CCFF00; } a{ 文字装饰:无; 颜色:000000; }
不使用选择器,您可以一次执行一个:

jQuery("ul").addClass(function() {
    var depth = jQuery(this).parents("ul").length;
    return "level-" + (depth + 1);
});

不使用选择器,您可以一次执行一个:

jQuery("ul").addClass(function() {
    var depth = jQuery(this).parents("ul").length;
    return "level-" + (depth + 1);
});