如何在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'));