jQuery -将一个元素移动到其父元素的另一个元素之后

0aydgbwb  于 2022-11-29  发布在  jQuery
关注(0)|答案(1)|浏览(186)

我需要一段代码,将item-2中的span移到item-1中span的后面。我希望这种转换发生在每个span的父元素中,即items-wrapper

<div class="wrapper">

<div class="items-wrapper">
    <div class="item-1">
        <span>element</span>
    </div>
    <div class="item-2">
        <span>element</span>
    </div>
</div>

<div class="items-wrapper">
    <div class="item-1">
        <span>element</span>
    </div>
    <div class="item-2">
        <span>element</span>
    </div>
</div>

我的代码

$(".item-2 span").each(function() {
    $(this).parent().insertAfter(".item-1 span");
});
dtcbnfnu

dtcbnfnu1#

parent()只比你先走一步,所以根据你的要求,$(this).parent().parent().find(".item-1");找到实际的dom来使用insertAfter
示例:
第一个
另一种方法是使用appendTo(),将匹配元素集中的每个元素插入到目标的末尾。
示例:
第一次

相关问题