将现有元素作为第一个/最后一个孩子添加到div

Question

请从现在开始忽略这个问题。我犯了一个大错。 ： - ）

我有一个问题，从一个div到另一个div附加一个div（一个带有html的用户div）。我希望能够移动“user_u_1” - 包含“regionheader” - div之间的div。他们的课程也应该改变。我准备了Fidle。 现在如果想要将上面div中的div附加到第二个div，它会将它附加到最后一个div。

结构如下：

<div id="onlineList">

    <div class="regionheader" id="one">
        <span class="regionspan"><h3>One</h3></span>
        <div id="user_u_1" class="One" name="Joe">1</div>
        <div id="user_u_2" class="One" name="Joe">2</div>
        <div id="user_u_3" class="One" name="Joe">3</div>
    </div>

    <div class="regionheader" id="two">
        <span class="regionspan"><h3>Two</h3></span>
        <div id="user_u_4" class="Two" name="Joe">4</div>
        <div id="user_u_5" class="Two" name="Joe">5</div>
        <div id="user_u_6" class="Two" name="Joe">6</div>
    </div>

    <div class="regionheader" id="three">
        <span class="regionspan"><h3>three</h3></span>
        <div id="user_u_7" class="three" name="Joe">7</div>
        <div id="user_u_8" class="three" name="Joe">8</div>
        <div id="user_u_8" class="three" name="Joe">9</div>

    </div>
</div>  

Answer 1

HTML中有拼写错误。

违规行：

<div id="user_u_4" class="Two" name="Joe" >4<html/div>

应该是：

<div id="user_u_4" class="Two" name="Joe" >4</div>

更新了有效的fiddle。