如何在jQuery中移動HTML元素？

Question

我的HTML結構是這樣的：

<div id="parent"> 
    <div id="1">Some content</div> 
    <div id="2">Some content</div> 
</div> 

我想移動的元素id="2"id="1"之前的地方，以便其將是這樣的：

<div id="parent"> 
    <div id="2">Some content</div> 
    <div id="1">Some content</div> 
</div> 

我怎麼做這樣的事情在jQuery的？

Answer 1

您可以使用.insertBefore()，像這樣：

$("#2").insertBefore("#1"); 

或者，.prependTo()，像這樣：

$("#2").prependTo("#parent"); 

...或使用#1和.insertAfter()和.appendTo() ...或幾個反其他方式實際上，它只是取決於你實際上後，上述2方法應儘可能最短，但給予2個ID。

我是假設這只是一個例子，請記住在實際的HTML4頁面中使用不以數字開頭的ID，它們是無效的並會導致幾個問題。

Answer 2

有沒有想過使用jQuery UI Sortable？

Answer 3

簡單地做：

$('#1').before($('#2'));