如何使用jQuery更改css属性名?

如何使用jQuery更改css属性名?,jquery,html,css,Jquery,Html,Css,我有一个带有“left:Random Number”内联样式的div,所以我尝试使用大多数css更改函数,但没有成功。。问题是左的I属性是随机的,我想从左变右 <div class="portfolio" style="left:0">Content</div> <div class="portfolio" style="left:230">Content</div> <div class="portfolio" style="left:44

我有一个带有“left:Random Number”内联样式的div,所以我尝试使用大多数css更改函数,但没有成功。。问题是左的I属性是随机的,我想从左变右

<div class="portfolio" style="left:0">Content</div>
<div class="portfolio" style="left:230">Content</div>
<div class="portfolio" style="left:446">Content</div>
<div class="portfolio" style="left:841">Content</div>
我也试过这个

$(".portfolio").css({"left", "right"});

有什么解决办法吗?

如果你想把
左:0
改成
右:0
左:230
改成
右:230
(旁注:它们需要单位,比如
px
),那么你需要读取原始值,然后写入新值并清除原始值。这需要以单个元素为基础,因为左侧的
不同:

$(".portfolio").each(function() {
    var $this = $(this);
    var left = $this.css("left");
    $this.css({left: "", right: left});
});
现场示例(我已将单位添加到
左侧
值[
px
]):

setTimeout(函数(){
$(“.portfolio”)。每个(函数(){
var$this=$(this);
var left=$this.css(“left”);
$this.css({left:,right:left});
});
$(“#标题”).text(“之后:”;
}, 500);
.portfolio{
位置:绝对位置;
}
之前:
内容
内容
内容
内容
$(".portfolio").each(function() {
    var $this = $(this);
    var left = $this.css("left");
    $this.css({left: "", right: left});
});