Javascript 反转树结构

我有一个树结构，我正在使用jstree jquery插件来实现它

我基本上想改变结构

结构应该是这样的。我在MS word中编辑了此文件，因此它没有第一张图像中的文件夹视图。基本上，第一个元素应该是“Friend”，但它必须从底部开始。请把abs换成abc。 请帮帮我。提前谢谢

在此处插入标题
点击我

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

$（文档）.ready（函数（）{
$（'#idClickMe'）。单击（函数（）{
var resultant=“
我看到你在这方面使用了html，所以也许这个html的反向剪辑会帮助你：

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

如果注意到帮助：将DIV树倒置，并将树的每个叶子上的文本倒置

css:
为什么不能切换html字符串中的位置？随着层次结构的增加，这将变得很困难。而且结构是动态的。我想要一个父子结构和一个父子结构。因此，我需要反转先前的结构。问题代码中没有显示任何动态，因此我们不知道它是如何创建的。Pl轻松编辑问题并包含所有相关代码和信息如果你从数据库中获取信息，将项目放入数组并使用数组反转Answery…@pavel我尝试了颠倒操作，它实际上还原了结构。正是我想要的方式。从图的顶部显示“公司”和“朋友”“在底部。但是现在字母表也被反转了。有没有CSS方法来反转特定的值。？感谢您的帮助，我使用此代码来反转结构：-moz变换：缩放（1，-1）；-o变换：缩放（1，-1）；-webkit变换：缩放（1，-1）；变换：缩放（1，-1）；我很高兴我提供了帮助。如果您尚未解决此问题，请在span中插入文本（或div display:inline）并将他的类设置为upsite down text->将文本像双半旋转一样返回。包括像
var leaf='Friends'；
这样的文本，而不是
var leaf='Friends'；
嘿，Pavel，谢谢你，一个男人…它工作了..精确的结构和精确的元素。基本上我添加了这一行。“+localRowID+”“。其次，我在html文件中添加了这些行。#treeviewfwhere使用{-moz-transform:scale（1，-1）；-o-transform:scale（1，-1）；-webkit-transform:scale（1，-1）；transform:scale（1，-1）；}。谢谢大家。。。
$top = $('div#thatTopDiv');
$top.children('div').slice(1).each(function() {
    $(this).insertBefore($top.children().eq(0));
});