jQuery,获取一个元素的宽度并应用于另一个元素

有没有办法可以获得一个元素.container的宽度,例如并将其应用于另一个.item

我的布局是响应式的,因此我不能只给.item一个固定的宽度值。

像这样 –

 $('.item').width($('.container').width()); 

演示----> http://jsfiddle.net/xQ7hh/

试试这个:

  $('.item').width($('.container').width()) 

尝试:

 $(".item").width($(".container").width()); 

要获得没有jquery的宽度,只需简单的javascript代码行:

 var width = document.getElementById('foo').offsetWidth; 

注意:这将获得元素的宽度+边框宽度

防爆。 HTML:

 

样式:

 .foo { width: 100px; border: 1px solid #CCC; } 

在这种情况下,宽度将是:

 100px width + 1px right border + 1px left border = 102px 

希望有所帮助。