Question

我想用jQuery向DOM移动几个div。

<uses-permission android:name="android.permission.READ_PHONE_STATE"></uses-permission>
<uses-permission android:name="android.permission.PROCESS_OUTGOING_CALLS"></uses-permission>

我想在.title div之后移动所有.list div。我怎么能用jQuery做到这一点。

此<section> <div class="title"></div> <div class="temps"></div> <div class="list"></div> </section>不起作用，它会将所有.list放在第一个.title之后

Answer 1

我想在.title div之后移动所有.list 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>

Answer 2

只需尝试此操作，demo

$('.list').insertAfter($('.title'));

或

$('.list').insertAfter('.title'); //only selector no object

Answer 3

试试这个

$('.list').each(function(){
   $(this).prevAll('.title').after($(this));
});

Answer 4

如果没有@Bhojendra尼泊尔在上面的回答中提供帮助，我就不能让这个工作得到帮助，虽然他的解决方案在他的代码snippit中起作用，但它对我的应用程序没有用。最后，下面对我有用。

jQuery('.list').each(function(){
   jQuery(this).insertAfter(jQuery(this).parent().find('.title'));
});

如何使用jQuery向DOM移动几个div

4 个答案: