Question

例如，我有像：

这样的HTML

<div class='date-outer'>
 <h2 class='date-header'></div>
 <div class='date-posts'>
   <div class='plook'></div>
   <div class='plook'></div>
 </div>
</div>
<div class='date-outer'>
 <h2 class='date-header'></div>
 <div class='date-posts'>
   <div class='plook'></div>
   <div class='plook'></div>
 </div>
</div>

我想使用Jquery将类plook仅移动到date-posts，如：

   <div class='date-outer'>
     <h2 class='date-header'></div>
     <div class='date-posts'>
       <div class='plook'></div>
       <div class='plook'></div>
       <div class='plook'></div>
       <div class='plook'></div>
     </div>
    </div>
    <div class='date-outer'>
     <h2 class='date-header'></div>
     <div class='date-posts'>
     </div>
    </div>

我该怎么做？谢谢你的帮助。

Answer 1

您必须使用 .detach() 和.append()才能完成任务。此外，您必须使用:first过滤掉集合中的first element，因为$('.date-posts')将返回当前上下文中的两个元素。

尝试，

$('.date-posts:first').append($('.plook').detach());

请参阅演示并请检查以查看结果。

将相同的元素仅移动到一个父元素中

1 个答案:

DEMO