Question

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

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

如果我稍后将其他元素插入到div中，则可以将段落标记移动到dom中的其他位置，并且对于我想要的用户可以看到它。所以结果应该是这样的：

<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或不同区域，但我也希望能够确保用户完全按照我的要求查看文本...可能会移到底部或其他东西。

Answer 1

你不能完全“移动”jQuery中的元素（据我所知），本身，但你可以删除它们并将它们插入其他地方。

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

编辑：事实并非如此。你可以在任何你喜欢的地方移动DOM元素。

Answer 2

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

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

jsfiddle上的示例。

Answer 3

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

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

3 个答案: