如何在jQuery中移动HTML元素？

我的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

简单地做：

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

Answer 3

曾经想过使用jQuery UI Sortable吗？