您如何使用jQuery将子元素附加到同级元素?

html

<div class="parent">
  <div class="child one">...</div>
  <div class="child">...</div>
  <div class="child">...</div>
</div>
<div class="parent">
  <div class="child one">...</div>
  <div class="child">...</div>
  <div class="child">...</div>
</div>


脚本

$('.child').each(function(i, obj){
  if(!$(obj).hasClass('one')){
    $(obj).appendTo( .. Stuck here .. '.one');
  }
});


我可以获取父对象,但麻烦的是选择了类“ one”的孩子。

本质上,我想移动所有兄弟姐妹,以便成为第一个孩子的孩子。

<div class="parent">
  <div class="child one">
    <div class="child">...</div>
    <div class="child">...</div>
  </div>
</div>
<div class="parent">
  <div class="child one">
    <div class="child">...</div>
    <div class="child">...</div>
  </div>
</div>

最佳答案

获取具有类one的每个元素,然后将其同级元素附加到类child

$('.child.one').each(function(i, obj){
  $(obj).siblings('.child').each(function(j, child){
    $(child).appendTo(obj);
  });
});


Working Demo

注意:如果要将child元素放在one元素之外,请将appendTo替换为after

07-24 09:50
查看更多