jquery - HTML タグのスタイル属性を変更するにはどうすればよいですか?

Question

次のタグを検討してください。

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

私はそれを次のように変更したい:

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

heightjquery を使用してこれを行う必要があり、との値を必ずしも知っているとは限りませんwidth。どうすればこれを行うことができますか？

Answer 1

これは、一度に複数の要素に対してこれを実行したい場合にも対処します。

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

Answer 2

試す：

var cls = $(".my_class"); 
var h = cls.height();
var w = cls.width();
cls.css({"width":h,"height":w})

Answer 3

これが最も簡単で最良の方法だと思います。

http://jsfiddle.net/rp9jx/1/

$('.my_class').removeAttr("style").attr({
  style: "height: 453px; width: 604px;"
});

Answer 4

幅と高さを入れ替えるには:

    $('.my_class').css({
        width: $(this).height(),
        height: $(this).width()
    });

jsFiddle の例

Answer 5

これを試して：

     $(function() {
     var Width  = $this.css('width'),
     height = $this.css('height');
     $(".my_class").width(width).height(height);
     });

また

     $(document).ready(function() {
     var Width  = $this.css('width'),
     height = $this.css('height');
     $(".my_class").width(604).height(height);
     }) ;