javascript - 如何使用 jQuery 在 DOM 上移动多个 div

Question

我想用 jQuery 在 DOM 上移动几个 div。

<section>
    <div class="title"></div>
    <div class="temps"></div>
    <div class="list"></div>
</section>

我想将所有 .list div 移到 .title div 之后。我怎样才能用 jQuery 做到这一点。

这个 $('.temps').insertAfter('.title'); 不起作用，它将所有 .list 放在第一个 .title 之后

Answer 1

I would like to move all the .list divs after the .title div.

您可以使用each方法如下:

    $('.list').each(function(){
       $(this).insertAfter(
          $(this) //.list div
            .closest('section') //find parent div section
            .find('.title') //find child div
        );
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section>
    <div class="title">title</div>
    <div class="temps">temps</div>
    <div class="list">list</div>
</section>
<section>
    <div class="title">title</div>
    <div class="temps">temps</div>
    <div class="list">list</div>
</section>
<section>
    <div class="title">title</div>
    <div class="temps">temps</div>
    <div class="list">list</div>
</section>