javascript - 如何在 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 个 ID，上述 2 种方法应该是最短的方法。

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