追加現有元素的div作爲第一/最後一個子

請從現在開始忽略這個問題。我犯了一個巨大的錯誤。 :-)追加現有元素的div作爲第一/最後一個子

我有這個問題，從附加一個DIV一個div（在它與HTML用戶DIV）到另一個DIV。我希望能夠到含有「regionheader‘-divs之間移動’user_u_1」 -divs。他們的課程也應該改變。我準備了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>

來源

2015-06-17 ingridsede

您的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的作品。

來源

2015-06-17 22:07:07

I.ve糾正它。事實上，fdle現在可以工作，但是如果我不知道它是什麼div，並且您必須使用它的類來確定它應該移動到其父項中的第一個/最後一個位置？ – ingridsede

從現在開始，不應該太難。一種方法是在整個組上設置一個事件監聽器，然後檢查'event.target'來獲取被單擊的元素。從那裏你可以訪問它的課程和家長。 –

對小提琴進行了一個快速更新，例如：http://jsfiddle.net/sfm0awov/13/ –

追加現有元素的div作爲第一/最後一個子

回答

相關問題