javascript - UL 标签 - 根据等级添加等级

标签 javascript jquery html

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

DEMO

$( "ul ul ul" ).addClass( "level-3" );
$( "ul ul" ).addClass( "level-2" );

但这会将 UL 添加到 <ul class="level-2 level-3"

最佳答案

不使用选择器,你可以一次做一个:

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

关于javascript - UL 标签 - 根据等级添加等级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30868644/

相关文章:

php - 如何使用 PHP 中数据库中的内容将 HTML 文件附加到电子邮件?

html - 条件 CSS 区分 IE6 到 IE7

html - 从点击后显示的隐藏菜单中提取网页数据

javascript - 如何在 javascript 中将值附加到动态创建的 html

javascript - 载回原始 div 内容

javascript - 如何将javascript中的嵌套数组转换为json结构

javascript - 如何使用 JavaScript 停止(悬停子级,父级悬停状态启动)

javascript - 为什么 Array.indexOf() 对一个 redux Action 正确工作,但对另一个 Action 却不行? (相同的 reducer )

javascript - jQuery 插件开发 - 将参数传递给用户定义的回调函数

javascript - 通过 DOM 加载页面搜索