swapping children's order from a list of parents in 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>

what's the right solution to swap the order of child1 and child2?

see this question, there are multiple solutions to this here http://stackoverflow.com/questions/698301/is-there-a-native-jquery-function-to-switch-elements — Alen Genzić, Feb 20 '13 at 11:51
yes, i've tried that.. the result wasnt what i expected. but @wiz kid solution works perfectly — badcoder, Feb 21 '13 at 03:00

score 1 · Accepted Answer · answered Feb 20 '13 at 12:02

1

Try this out:- http://jsfiddle.net/adiioo7/Wyceb/

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

answered Feb 20 '13 at 12:02

Aditya Singh

9,512
5
32
55

score 0 · Answer 2 · answered Feb 20 '13 at 11:57

0

<script type="text/javascript">

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

answered Feb 20 '13 at 11:57

spiritwalker

2,257
14
9

swapping children's order from a list of parents in jquery

2 Answers2