Question

我有一个树结构，我正在使用jstree jquery插件。

我基本上想要扭转结构。

结构看起来应该是这样的。我在MS中编辑了这个，所以它没有第一张图片中的文件夹视图。基本上第一个元素应该是＆＃34;朋友＆＃34;但它必须从底部开始。请将abs更改为abc。请帮帮我。提前致谢

<!DOCTYPE html>
  <html>
    <script type="text/javascript" src='..../jquery-1.10.2.min.js'></script>
    <script type="text/javascript" src='.../jstree.min.js'></script>
    <link rel='stylesheet' type="text/css" href='...../style.min.css' />
    <script type="text/javascript" src="..../jquery.easyui.min.js"></script>
    <script src="tree.js"></script>

    <head>
      <meta charset="ISO-8859-1">
      <title>Insert title here</title>
     </head>

     <body>
       <button id="idClickMe">Click me</button>
       <div id='jstree'>
       </div>
     </body>
  </html>

js代码：

 $(document).ready(function(){ 

   $('#idClickMe').click(function(){ 
     var resultant="<ul><li data-jstree='{'selected' : true, 'opened' : true }><span>Friend</span><ul><li>abc</li></ul></li><li><span>Wife</span></li><li><span>Company</span></li></ul>";
     $("#jstree").jstree('destroy').html(resultant);
     $("#jstree").jstree(); 

     //$("#jstree").jstree("refresh");
   }); 
 });

Answer 1

我看到你使用html，所以也许反向剪切html ll帮助你：

$top = $('div#thatTopDiv');
$top.children('div').slice(1).each(function() {
    $(this).insertBefore($top.children().eq(0));
});

Answer 2

如果需要帮助：翻转倒置的DIV树并在树的每片叶子上翻转倒置文字。

的CSS： http://www.w3schools.com/cssref/css3_pr_transform.asp

反转树结构

2 个答案: