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>