javascript - 更改颜色框中的 div 顺序

Question

我想知道是否可以更改colorbox中的 div-order ？我只是问，因为 cboxTitle-div 在 cboxContent-div 内。但我希望 cboxTitle-div 位于 colorbox-div 内。

由此...

<div id="cboxContent">
    <div id="cboxTitle"></div>
</div>   

对这个...

<div id="colorbox">
    <div id="cboxTitle"></div>
    <div id="cboxContent"></div>  
</div>

我该如何解决这个问题？

Answer 1

您可以编写一行 jQuery 来解决这个问题并移动元素：

$("#cboxTitle").appendTo("#colorbox");

Answer 2

不知道你为什么要这样做，但你可以用 jQuery 和 append 方法重新排列它

$('body').append( '<div id="colorbox"></div>' );

$('#colorbox').append( $('#cboxTitle') );
$('#colorbox').append( $('#cboxContent') );