Question

考虑以下标记：

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

我想将其更改为：

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

我需要使用jquery执行此操作，并且我不一定知道height和width的值。我该怎么做呢？

Answer 1

尝试：

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

Answer 2

这也将处理您想要同时对多个元素执行此操作的情况：

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

Answer 3

交换宽度和高度：

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

jsFiddle example

Answer 4

我认为这是最简单/最好的方式。

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

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

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);
     }) ;

如何更改HTML标记的样式属性？

5 个答案: