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

我基本上想颠倒结构。 javascript - 反转树结构-LMLPHP

该结构应如下所示。我已经用MS Word编辑过此文件,因此它没有第一个图像中的文件夹 View 。基本上,第一个元素应仅是“Friend”,但必须从底部开始。请将Abs更改为abc。
请帮我。提前致谢

javascript - 反转树结构-LMLPHP

<!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");
   });
 });

最佳答案

我看到你为此使用html,所以也许html的这个反向摘录会帮助你:

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

关于javascript - 反转树结构,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33259467/

10-17 02:58