[英]reorder html inside multiple divs (jQuery)
我正在使用jQuery来修改一个不可编辑的页面。 该页面包含以下格式的多个container
元素:
<div class="container">
<div class="A"></div>
<div class="B">
<div class="C"></div>
</div>
<div class="D"></div>
</div>
对于每个container
,我想移动内容,使A
在B
,如下所示:
<div class="container">
<div class="B">
<div class="C"></div>
<div class="A"></div>
</div>
<div class="D"></div>
</div>
使用jQuery执行此操作的最佳方法是什么? 我能想到的每个解决方案只适用于单个container
元素,而不是全部修改它们。
$('.container').each(function(){
$(this).find('.A').appendTo($(this).find('.B'));
});
试试这个:
$('.container .A').each(function() {
$(this).siblings('.B').append($(this));
});
如果你想移动那个元素,而不是像你在问题中所说的那样复制 。
$('.container').each(function(){
$(this).find('.A').detach().appendTo($(this).find('.B'));
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.