Question

Consider the following tag:

<div class="my_class" style="width: 453px; height: 604px;">
    // stuff
</div>

I want to change it to:

<div class="my_class" style="height: 453px; width: 604px;">
    // stuff
</div>

I need to do this using jquery, and I won’t necessarily know the values of height and width. How would I go about doing this?

Answer 1

This will also handle the case where you want to do this to multiple elements at once:

$('.my_class').each(function(){
    var $this = $(this);
    var oldWidth  = $this.css('width'),
        oldHeight = $this.css('height');
    $this.css({
        width: oldHeight,
        height: oldWidth
    });
});