3

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

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

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

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

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

4

5 に答える 5

3

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

$('.my_class').each(function(){
    var $this = $(this);
    var oldWidth  = $this.css('width'),
        oldHeight = $this.css('height');
    $this.css({
        width: oldHeight,
        height: oldWidth
    });
});
于 2012-07-06T08:40:31.070 に答える
3

試す:

var cls = $(".my_class"); 
var h = cls.height();
var w = cls.width();
cls.css({"width":h,"height":w})
于 2012-07-06T08:37:45.317 に答える
2

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

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

$('.my_class').removeAttr("style").attr({
  style: "height: 453px; width: 604px;"
});
于 2012-07-06T08:53:35.367 に答える
2

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

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

jsFiddle の例

于 2012-07-06T08:39:22.583 に答える
0

これを試して:

     $(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);
     }) ;
于 2012-07-06T08:53:08.927 に答える