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

Question

请从现在开始忽略这个问题。我犯了一个巨大的错误。:-)

我在将div（包含 html 的用户div）从一个div 附加到另一个div 时遇到了这个问题。我希望能够在包含" regionheader "-divs之间移动" user_u_1 "-divs。他们的班级也应该改变。我准备了一个小提琴。现在，如果想要将上面的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>

更新了有效的小提琴。