Javascript 重置节点顺序并隐藏event.src元素

我正在建立一个自定义的公司层级结构，需要能够在公司图表中提升一个部门。我将触发器作为跨度嵌套在每个div中。单击事件设置为查找父div并将其与上一个div交换。我的工作正常问题是：

在此之后，我需要重置文档中节点的顺序，以便后续的交换按照新的顺序进行，而不是按照加载时存在的顺序进行

我需要查找调换的div在组中的位置，以及它是否是隐藏包含up按钮的范围的系列中的第一个。我可以想象这样的逻辑：

if(event.srcElement.parent().prev() = Null { 
    event.srcElement.parent().hide() 
}; else { 
    return false;
};

我知道语法是错误的，但我对js完全不了解。所以请给我指出正确的方向

这就是我现在使用的代码。目前，如果我将3个元素的顺序从1,2,3交换到2,1,3，你会认为在3上单击交换会将其与1进行切换，1现在在它之前，但它与2进行交换，2是在pageload时在它之前的元素

<script type="text/javascript">

$(document).ready(function() {  

    $(".go-swap").click(function() {  
        $(this).parent().parent().prev().swap({  
            target: (this).parentNode.parentNode.id, 
            opacity: "0.5", 
            speed: 1000, 
            callback: function() { 
            event.srcElement.parent().hide()
            } 
        });  
    });  
});  
</script>

<div class="known" id="A101">
    Contact 1
    <span class="plus">
        <a href="javascript://" class="go-swap"><img src="images/uparrow.gif" border="0" /></a>
    </span>
 </div>
 <div class="known" id="A102">
    Contact 2
    <span class="plus">
        <a href="javascript://" class="go-swap"><img src="images/uparrow.gif" border="0" /></a>
    </span>
 </div>
 <div class="known" id="A103">
    Contact 3
    <span class="plus">
        <a href="javascript://" class="go-swap"><img src="images/uparrow.gif" border="0" /></a>
    </span>
 </div>

这是你的选择

1服务器端代码+数据库：

如果您希望整个组织查看新结构，则必须使用数据库和服务器端代码。无法使用客户端javascript编辑实际文件

2本地存储：

如果只是您在使用它，那么您可以将数据保存在localstorage中，并在每次加载页面时访问该结构