javascript - 从 jquery 中的 parent 列表中交换 child 的顺序

Question

    <div class="parent">
      <div class="child1"></div>
      <div class="child2"></div>
    </div>
    <div class="parent">
      <div class="child1"></div>
      <div class="child2"></div>
    </div>
    <div class="parent">
      <div class="child1"></div>
      <div class="child2"></div>
    </div>
    <div class="parent">
      <div class="child1"></div>
      <div class="child2"></div>
    </div>

交换 child1 和 child2 顺序的正确解决方案是什么？

Answer 1

试试这个:- http://jsfiddle.net/adiioo7/Wyceb/

$(function(){
    $(".parent .child1").each(function(){
        $(this).parent().append($(this).clone());
        $(this).remove();
    });
});