將子元素附加到同一父元素中的子元素

Question

如何使用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>

Answer 1

要追加的所有child沒有one成child one ？

$('.child').not('.one').appendTo('.one');

工作演示。

Answer 2

使用class one獲取每個元素，然后使用class child附加其兄弟元素。

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

工作演示

注意：如果您希望child元素位於one元素之外，請將appendTo替換為after 。

Answer 3

嘗試這個：

$('.child').each(function(){
 if(!$(this).hasClass('one')){
  $(this).appendTo('.one');
}});

工作演示