How to Use PrependTo Dynamically on each Element

Question

I have a requirement where an element with a particular class has to be prepended to its sibling with another class. Although I am able to achieve this for the first instance, it doesn't work for all the elements in the div. I have tried the below code

Click Here

This Works:
$("#MyDiv .spanToBeShifted:first").prependTo($("#MyDiv .MyButton:first"));


This Doesnt:
$("#MyDiv .spanToBeShifted").prependTo($(this).closest('.MyButton'))

Answer 1

Below is the solution which worked for me

Solution

$('.spanToBeShifted').each(function () {
    var d = $(this).siblings('.MyButton');
    
    $(this).prependTo(d)
});