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