如何在html中移动div?

时间:2013-07-24 17:07:51

标签: javascript jquery

例如,如果我有这个html:

<div class="wrapper">
    <div id="one"></div>
    <div id="two">this is the div i want to move</div>
    <div id="three"></div>
    <div id="four"></div>
</div>

如何在所有其他div之后移动id为“two”的div,以便我的html变为:

<div class="wrapper">
    <div id="one"></div>
    <div id="three"></div>
    <div id="four"></div>
    <div id="two">this is the div i want to move</div>
</div>

2 个答案:

答案 0 :(得分:1)

这必须有效:

$("#two").appendTo(".wrapper");

这也必须有效:

$(".wrapper").append($("#two"));

appendappendTo被认为是jQuery中的移动函数。你必须更多地查看文档。

演示:http://jsfiddle.net/hungerpain/gjJJe/

答案 1 :(得分:0)

你可以试试这个:

$("#two").appendTo(".wrapper")

示例:http://jsfiddle.net/SbeDN/