我有一个树形结构,正在使用jstree jquery插件。
我基本上想颠倒结构。
该结构应如下所示。我已经用MS Word编辑过此文件,因此它没有第一个图像中的文件夹 View 。基本上,第一个元素应仅是“Friend”,但必须从底部开始。请将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");
});
});
最佳答案
我看到你为此使用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/