Javascript 复制元素'；将“样式宽度”属性设置为另一个元素

我有一个从webapp程序输出的进度条，如下所示：

<div id="diskUsageProgressBar">
    <div class="green-bar" style=" width: 1%;">
    </div>
</div>

<div class="progress xs">
    <div class="progress-bar progress-bar-red diskusgbar" style="width: 1%;"></div>
</div>

我在页面中添加了一个更好的栏，如下所示：

<div id="diskUsageProgressBar">
    <div class="green-bar" style=" width: 1%;">
    </div>
</div>

<div class="progress xs">
    <div class="progress-bar progress-bar-red diskusgbar" style="width: 1%;"></div>
</div>

如何使用javascript（或JQuery）将宽度值从第一个值复制到页面加载时的第二个值中

谢谢你的帮助

像这样：

$(function(){
   $('.progress-bar-red').attr('style',$('.green-bar').attr('style'));  
})

jQuery javascript：

$('.progress.xss .diskusgbar').css('width', 
    $('#diskUsageProgressBar .green-bar').css('width')
);

---

如果只想复制宽度，则可以使用jquery的本机

.width（）

方法获取/设置值：

$('.progress-bar').width($('.green-bar').width());

用这个

$('.progress-bar').width($('.green-bar').width());

首先，正如在

然后把它绑起来：

$('#diskUsageProgressBar > .green-bar').bind('style', function(e) {
 $('.progress.xs > .diskusgbar').css('width', 
  $('#diskUsageProgressBar > .green-bar').css('width')
 );
});

---

希望它能起作用。如果第一个条在另一个iframe中，可能会很棘手，也不会太复杂。

为什么不将您的类应用到已经存在的进度条上呢？我无法控制web应用程序自己的编程，所以我必须解决它…您不需要web应用程序自己的编程，您只需要使用jQuery更改应用于其输出的类。例如，

$（'diskUsageProgressBar'）.addClass（'progressxs'）我理解，但我正在做一些非常复杂的事情，所以对我来说这不是最好的选择：）jQuery是javascriptYes，我知道！）但是它也是javascript的一个子集，所以我的代码只有在包含jQuery的情况下才能工作！