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

Question

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

我在将一个 div(其中包含 html 的用户 div)从一个 div 附加到另一个 div 时遇到了这个问题。我希望能够在包含“regionheader”的 div 之间移动“user_u_1”-div。他们的类(class)也应该改变。我有一个Fidle准备好了。现在，如果想要将上面的 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有效。