Question

所以我熟悉insertAfter（）＆amp; insertBefore（）命令，但正如我们从Javascript文档中所知：

元素必须已插入文档中（您不能如果元素不在页面中，则插入一个元素。

所以我有一些代码隐藏桌面视图中的div但是在移动设备上显示，但是当它出现时我需要这个div出现在其他一些div之上，问题是我同时使用jquery插入其他一些div因此insertBefore（）命令对我不起作用，有没有办法用页面中没有的项呢？

<script type="text/javascript">
$("div.tools").addClass("hide-desktop");
$("div.tools").addClass("hide-tablet");
$("#header").addClass("hide-desktop");
$("#header").addClass("hide-tablet");
$("div.mobile-menu").insertBefore("#new-logos");
$("body").prepend($('<div id="new-logo"  class="hide-mobile">'+
    '<div class="header-inner">'+
      '<div class="logo">'+
        '<h1><a href="logo"></a></h1>'+
 ' </div>'
));
</script>

<div class="main-content">
<div id="new-logos" class="hide-mobile">...</div>
<div class="tools hide-desktop hide-tablet"></div>
<div id="header" class="header hide-desktop hide-tablet"></div>
<div class="mobile-menu hide">
<ul class="links">
<li>
<a href="#">Log In</a>
</li>
<li>
<a href="#">Help</a>
</li>
</ul>
</div>

提前致谢

Answer 1

似乎可以正常使用，更多细节？

http://jsfiddle.net/Pa32R/

$('<div class="div4">4</div>').appendTo('body');
$('<div class="div5">5</div>').appendTo('body');

$('.div1').insertAfter('.div4');

使用Jquery / Javascript更改Div顺序（不在DOM中）

1 个答案: