我有一个树形结构,我正在使用jstree jquery插件。
我基本上是想颠倒这个结构。

结构应该看起来像这样。我已经在MS word中对它进行了编辑,所以它没有第一张图片中的文件夹视图。基本上,第一个元素应该只是"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");
});
});发布于 2015-10-21 21:44:46
我看到你使用html来做这件事,所以也许这段html的反向片段会对你有帮助:
$top = $('div#thatTopDiv');
$top.children('div').slice(1).each(function() {
$(this).insertBefore($top.children().eq(0));
});发布于 2015-10-21 21:54:39
如果没有帮助:颠倒DIV树,并在树的每一片叶子上颠倒文本。
css:http://www.w3schools.com/cssref/css3_pr_transform.asp
https://stackoverflow.com/questions/33259467
复制相似问题