2014-12-07 32 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