使用Javascript/JQuery在网页上将div移动到另一个div之上？

我在CSS中看到过很多这样做的例子（远非理想），但我正在考虑构建一个Chrome扩展，它要求先插入一个div，然后再插入另一个div（为了澄清，我的意思是，在测试扩展时，我需要使用Chrome开发工具将div拖到另一个之上）。有没有一种方法可以在页面加载时使用Javascript/JQuery（或者通过Chrome扩展实现的其他方法）实现这一点

在以前的尝试中，我尝试过使用

insertAfter（）

/

insertBefore（）

和

before（）

，但运气不佳（尽管我可能遗漏了一些明显的东西），所以我想另一个问题是，这些是否需要在Chrome扩展中以某种方式使用

---

提前感谢您的帮助

jQuery提供了一种非常简单的方法，可以将一个节点移动到另一个节点之前，您在问题中提到了这一点：

之前：

之后：

---

至于Chrome，您可能需要做一些挖掘，看看在您打电话时是否加载了jQuery

只是一个小小的演示

所使用的

插入之前的
代码如下：

$("<div>").prop("id","between").insertBefore("#blah");

这应该是不言自明的

对于插件，异步加载jQuery。这样做应该可以：

(function(){
    var s = document.createElement('script');
    s.src = 'http://code.jquery.com/jquery-1.8.2.min.js';
    document.getElementsByTagName('head')[0].appendChild( s );
})();

我想这意味着我面临的问题一定是Chrome如何处理它。我认为JQuery应该可以很好地工作，但你永远不知道！
$("#existingDiv").insertBefore("#otherDiv");

(function(){
    var s = document.createElement('script');
    s.src = 'http://code.jquery.com/jquery-1.8.2.min.js';
    document.getElementsByTagName('head')[0].appendChild( s );
})();