前言，开发河南省消防救援总队营房管理系统，为了给客户更好的体验，这个功能花费了四五个小时，只怪自己学艺不精，又追求完美。

1.获取layui-tree点击的元素
为了看到正在点击的是layui-tree具体标签，想给点击的标签加个特殊颜色，想尽各种办法都没有实现。最后一句话解决了，layui-tree的坑太多，layui-tree实际应用非常多，功能还不够强大，但愿官方能提供更多功能。

页面结构元素如下：

<a href="http://www.xiazai51.com" target="rightMain" class="layui-tree-txt">下载无忧提供丰富的软件供您下载</a>

只需要在页面加以下代码：

//切记需要获取的标签名称、标签属性，比如a、div、li等

 $(document).on('click','a.layui-tree-txt',function(){
            layer.msg($(this).html());//获取点击的标签 

           $('#test1 a').removeClass('ccc');//先把要加的样式去掉
            $(this).addClass('ccc');//给点击的元素添加样式
 });
这样就会弹出标签里的内容，当然你也可以对改标签进行各种操作了。

css样式如下：

.ccc a:hover {background: #4E5465;color: #ff0000;}
.ccc a:active, a:hover {background: #4E5465;color: #ff0000;}
.ccc{background: #4E5465;color: #ff0000;}

2.  layui-tree在指定的iframe里打开

        tree.render({
            elem: '#test1' 
           ,data:你的数据
           , isJump: true 
           , click: function(node,item){
               $(".layui-tree-txt").attr("target","rightMain");
            }
        });

最终页面效果如下：点击左侧layuitree菜单，具体点击的元素改变样式，在右侧iframe里打开相应操作页面。

原创：下载无忧