首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >反转树形结构

反转树形结构
EN

Stack Overflow用户
提问于 2015-10-21 20:34:56
回答 2查看 805关注 0票数 3

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

我基本上是想颠倒这个结构。

结构应该看起来像这样。我已经在MS word中对它进行了编辑,所以它没有第一张图片中的文件夹视图。基本上,第一个元素应该只是"Friend“,但它必须从底部开始。请把abs换成abc。请帮我拿一下。提前感谢

代码语言:javascript
运行
复制
<!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代码:

代码语言:javascript
运行
复制
 $(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");
   }); 
 });
EN

回答 2

Stack Overflow用户

发布于 2015-10-21 21:44:46

我看到你使用html来做这件事,所以也许这段html的反向片段会对你有帮助:

代码语言:javascript
运行
复制
$top = $('div#thatTopDiv');
$top.children('div').slice(1).each(function() {
    $(this).insertBefore($top.children().eq(0));
});
票数 0
EN

Stack Overflow用户

发布于 2015-10-21 21:54:39

如果没有帮助:颠倒DIV树,并在树的每一片叶子上颠倒文本。

css:http://www.w3schools.com/cssref/css3_pr_transform.asp

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33259467

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档