反轉樹結構

我有一個樹結構，我使用jstree jquery插件。反轉樹結構

我基本上想扭轉結構。

該結構應該看起來像這樣。我已經在MS單詞中編輯過它，所以它沒有像第一張圖片那樣的文件夾視圖。基本上第一個元素只應該是「朋友」，但它必須從底部開始。請將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"); 
    }); 
});

來源

2015-10-21 Partha Kalita

爲什麼你就不能切換到HTML字符串中的位置？ – charlietfl

隨着等級的增加，這將變得困難。結構也是動態的。我想要一個親子結構和一個子結構。因此我需要扭轉早先的結構。 –

問題代碼中沒有任何動態顯示，所以我們不知道它是如何創建的。請編輯問題，幷包括所有相關的代碼和信息 – charlietfl

我看到ü使用HTML，如此也許這反向剪斷的HTML我將盡力幫助U：

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

來源

2015-10-21 13:44:46 brandelizer

如果注意到幫助：打開顛倒的DIV樹並在樹的每個葉子上打開顛倒的文本。

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

來源

2015-10-21 13:54:38

謝謝大家...... @pavel我試着倒過來，它實際上恢復了結構。完全是我想要的方式。從頂部出現的「公司」圖表和底部的「朋友」出發。然而，字母現在也倒過來。有沒有一種CSS方式來反轉特定的值。感謝您的幫助 –

我用這個代碼來反轉結構：-moz-transform：scale（1，-1）; -o-transform：scale（1，-1）; -webkit-transform：scale（1，-1）; transform：scale（1，-1）; –

我很高興我的幫助。如果還沒有解決問題，請在span（或div display：inline）中插入文本，然後將他的類設置爲upsite-down文本 - >將文本翻轉爲雙半旋轉。包括文字，如'var leaf ='朋友';'而不是'var leaf ='朋友';' –

回答

相關問題