不触摸移动div位置 - 只有PHP

Question

我有

<div id="above">  Ram is good boy.   </div>
<div id="below">  Sita is good girl. </div>

我只想在不触及

的情况下使用php或jquery更改此html结构

<div id="below">  Sita is good girl. </div>
<div id="above">  Ram is good boy.   </div>

Answer 1

使用jquery：

$("#below").after($("#above"));

说明：您有两个div - 一个使用id="below"，另一个使用id="above"。

首先设置您想要保留的div的引用：

$("#below")

然后你必须告诉jquery，该怎么做：

.after()

函数之后的jquery需要将内容放在所选元素后面（在你的情况下是#below）。由于您希望移动其他元素，因此请选择此ID。

$（＆＃34;上述＃＆＃34）

把所有人放在一起：

    $("#below").after($("#above"));