Javascript 如何在jQuery中移动HTML元素？

我的HTML结构如下所示：

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

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

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

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

我如何在jQuery中执行类似的操作？

您可以使用，如下所示：

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

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

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

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

或者，像这样：

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

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

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

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

…或使用

#1

和…或其他几种方法的相反情况实际上，这取决于您实际想要的是什么，但上述两种方法应该是最短的，给定2个ID

我假设这只是一个例子，记住在实际的HTML4页面中使用不以数字开头的ID，它们是无效的，并且会引起一些问题。

是否想过使用？

只需执行以下操作：

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

---

@rahul-它们在HTML4中无效，考虑到最近的变化，请清楚这一点；）@rahul:ID只是一个例子：），真正的脚本当然不是那样。谢谢你理解if ID只是一个例子，还有你的代码

$（“#2”）。insertBefore（“#1”）正在清除我的问题。。。非常感谢：）为什么要使用
$（“#2”）
而不仅仅是
'#2'
？@franciscocoralesmorales，因为该方法需要一个HTML字符串或DOM元素或元素数组或jQuery对象作为参数
“#2”
不是这些中的任何一个。