Javascript 为每个级别设置JS项目的样式
我正在使用Jqtree开发一个拖放树,但是我想按照节点级别设置树的样式 树JavascriptJavascript 为每个级别设置JS项目的样式,javascript,html,css,jqtree,Javascript,Html,Css,Jqtree,我正在使用Jqtree开发一个拖放树,但是我想按照节点级别设置树的样式 树Javascript var data = [ { name: 'node1', id: 1, children: [ { name: 'child1', id: 2 }, { name: 'child1', id: 2, children: [ { name: 'child7', id: 7 },
var data = [
{
name: 'node1', id: 1,
children: [
{ name: 'child1', id: 2 },
{ name: 'child1', id: 2, children: [
{ name: 'child7', id: 7 },
{ name: 'child7', id: 8 } ] },
{ name: 'child2', id: 3 }
]
},
{
name: 'node2', id: 4,
children: [
{ name: 'child3', id: 5 },
{ name: 'child4', id: 6 }
]
}
];
$('#tree1').tree({
data: data,
autoOpen: true,
dragAndDrop: true
});
显示树的代码
$(function() {
$('#tree1').tree({
data: data,
autoOpen: true,
dragAndDrop: true
});
但是,我看到了jqtree文档,如何仅为这个var提供的结果设置样式或添加代码
var node = $('#tree1').tree('getNodeById', 123);
var treelevel = node.getLevel();
您可以相应地为它们指定id和样式:
$('#tree1').tree({
data: data,
onCreateLi: function(node, $li) {
$li.attr('id', 'item' + node.id);
}
});
#item5 span{background: red;}
您可以为它们分配相应的id和样式:
$('#tree1').tree({
data: data,
onCreateLi: function(node, $li) {
$li.attr('id', 'item' + node.id);
}
});
#item5 span{background: red;}