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

时间:2011-06-07 07:08:15

标签: css jstree

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

让我们在我的样本http://jsfiddle.net/radek/sTmrv/2/

中说
  • 基础知识&所有将具有相同的颜色
  • 登录,Edu的基础知识,登录,添加学年 ....将具有相同但不同的颜色
  • 最后第3级将具有相同的颜色。

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

2 个答案:

答案 0 :(得分:3)

这对你有用吗?见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%;
 }

答案 1 :(得分:1)

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