jsTree 中不同级别的行使用不同的颜色

Question

如何为 jsTree 中不同“级别”的行获得不同的行颜色

假设在我的示例中 http://jsfiddle.net/radek/sTmrv/2/

• 基础知识和内容所有将具有相同的颜色
• 登录、教育基础、登录、添加学年 ....将具有相同但不同的颜色

• 最后是第三级 将具有相同的颜色。

• 到目前为止，我设法更改了所有行的颜色....

Answer 1

这对你有用吗？请参阅 http://jsfiddle.net/sTmrv/4/

您可能需要稍微尝试一下（未在 IE 中测试）。

li.jstree-open > ul {
    background: red;
    display: block;
}
li.jstree-open > ul li.jstree-open > ul {
    background: #CCC;
    position: relative;
    left: -18px;
    padding-left: 18px;
    width: 100%;
 }

Answer 2

您可以使用生成的行 ID 进行循环，并将颜色基于行 ID 的倍数。让我尝试快速输入一些内容。