如何在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中做这样的事情?

你可以使用.insertBefore() ,就像这样:

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

或者.prependTo()如下所示:

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

…或相反使用#1.insertAfter().appendTo() …或其他几种方法实际上,这只是取决于你实际上后,上述2方法应尽可能最短,给出2个ID。

假设这只是一个例子,请记住在实际的HTML4页面中使用不以数字开头的ID,它们是无效的,会导致一些问题。

简单地做:

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

曾经想过使用jQuery UI Sortable吗?