javascript - 从jquery中的父母列表中交换孩子的订单

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();
    });
});

Answer 2

<script type="text/javascript">

$(document).ready(function(){
    $('.parent').each(function(index,parentElement){
        $($(parentElement).children()[1]).insertBefore($($(parentElement).children()[0]));
    });
});
</script>