Javascript UL标签-根据级别添加类别
我正在寻找一个选择器,它可以自动将类添加到UL标签中,即使列表包含超过3个级别。我总是需要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添加到不需要使用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);
});