2014-12-07 56 views
-1

我有這兩個div,我想要移動.a's .u-list。jQuery appendTo next或找到

.A第一.U-列表1,2,3,

在第二.U-列表

<div id='div-1'> 
    <div class='u-list'></div> 
    <div class='a'>1</div> 
    <div class='a'>2</div> 
    <div class='a'>3</div> 
</div> 

<div id='div-2'> 
    <div class='u-list'></div> 
    <div class='a'>4</div> 
    <div class='a'>5</div> 
    <div class='a'>6</div> 
</div> 

這4,5,6是我已經試過:

$('div[id^="div-"]').each(function(index) { 
    $(this).find(".a").detach().appendTo($(this).find('.u-list')); 
}) 

感謝

回答

3

它不適合,原因有二。

  1. 你原來的標記是擺在首位無效的,你不能把<li>。外面的<ul>
  2. 添加"到您的選擇:$('div[id^="div-"]')
+1

標記是不正確,但它並不意味着他可以移動元素,無論如何瀏覽器呈現元素。關於選擇器我認爲「不需要,因爲代碼對我來說工作正常 – ianaya89 2014-12-07 16:13:28

+1

我解決了我的問題,這是因爲.u-list實際上是來自另一個jQuery的類,它被加載到我的腳本之後。實際上這個班級的名單並不存在。 – 2014-12-07 16:25:35