如何使用javascript或jquery在dom和屏幕上移动元素

假设我有一个像这样的“p”标签：

<div id = "example">
    <p id = "eg">This is a text example.</p>
</div>

<div id = "example">
    <p id = "eg1">Another block of text.</p>
    <p id = "eg">This is a text example.</p>
    <p id = "eg2">Yet another block of text.</p>
</div>

这是一个文本示例

如果我以后在该div中插入其他元素，那么就可以将段落标记移动到dom中的其他地方，并且用户可以在我想要的地方看到它。所以结果应该是这样的：

<div id = "example">
    <p id = "eg">This is a text example.</p>
</div>

<div id = "example">
    <p id = "eg1">Another block of text.</p>
    <p id = "eg">This is a text example.</p>
    <p id = "eg2">Yet another block of text.</p>
</div>

另一个文本块

这是一个文本示例

还有一段文字

---

因此，我不仅希望将其移动…甚至可能移动到另一个div或页面的不同区域，而且还希望能够确保用户看到的文本与我希望的完全一致…可能移动到底部或其他地方。

对DOM所做的任何更改都将反映在屏幕上。你不必单独处理

您对DOM所做的任何更改都将反映在屏幕上。你不必单独处理

就其本身而言，您不能在jQuery中准确地“移动”元素（据我所知），但您可以删除它们并将它们插入到其他地方

$("#eg").remove().insertAfter("#eg1");

编辑：这不是真的。您可以将DOM元素移动到任何您喜欢的地方。

您不能在jQuery中准确地“移动”元素（据我所知），但您可以将它们删除并插入到其他地方

$("#eg").remove().insertAfter("#eg1");

---

编辑：这不是真的。您可以随意移动DOM元素。

如果希望将元素从一个位置移动到另一个位置，只需执行以下操作：

$("#eg1").after($("#eg"));

---

示例。

如果希望将图元从一个位置移动到另一个位置，只需执行以下操作：

$("#eg1").after($("#eg"));

举个例子