Question

I am trying to use jquery each() function but i think there is something wrong.
Here is the html and jquery code.

<div class="tribute">
<div class="image"></div>
<div class="links"></div>
</div>

<div class="tribute odd">
<div class="image"></div>
<div class="links"></div>
</div>

<div class="tribute">
<div class="image"></div>
<div class="links"></div>
</div>

<div class="tribute odd">
<div class="image"></div>
<div class="links"></div>
</div>

<div class="tribute">
<div class="image"></div>
<div class="links"></div>
</div>

<div class="tribute odd">
<div class="image"></div>
<div class="links"></div>
</div>

and jquery function

   jQuery('.odd').each(function(index, value){

     var oddLinks = jQuery('.odd').find('.links').detach();
     jQuery('.odd .image').before(oddLinks);

    });

this code is not properly working for me.

Answer 1

Did you mean change the position of image and link in .odd div?
If so, you even don’t need to detach it.

See the live demo.

$('.odd').each(function() {
  $(this).find('.image').before($(this).find('.links'));
});