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个ID。

我假设这只是一个示例，请记住使用不以实际HTML4页面中的数字开头的ID，它们无效并导致多个问题。

Answer 2

简单地说：

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

Answer 3