javascript - 使用 Javascript/JQuery 将 div 移动到另一个 div 之上？

Question

我已经看到很多关于在 CSS 中执行此操作的内容(远非理想)，但我正在考虑构建一个 Chrome 扩展，并且它要求在另一个 div 之前插入一个 div(为了澄清起见，我的意思是在测试时我需要使用 Chrome 开发工具将扩展程序拖动到另一个 div 之上)。有没有办法在使用 Javascript/JQuery 加载页面时执行此操作(或可以通过 Chrome 扩展完成的其他方式)？

在之前的尝试中，我尝试过使用 insertAfter()/insertBefore() 和 before() 但没有运气(尽管我可能会遗漏一些明显的东西)，所以我想另一个问题是这些是否需要在 Chrome 扩展中以某种方式使用？

预先感谢您的帮助!

Answer 1

Here这是一个小演示。

使用的insertBefore代码是这样的:

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

前两个 jQuery 函数仅创建 div 元素。如果您想移动现有的:

$("#existingDiv").insertBefore("#otherDiv");

这应该是不言自明的。

对于插件，异步加载 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 );
})();