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

Question

有没有办法让我可以获得一个元素.container的宽度，例如将它应用到另一个.item？

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

Answer 1

喜欢这个 -

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

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

Answer 2

试试这个：

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

Answer 3

尝试：

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

Answer 4

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

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

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

实施例。 HTML：

<div class="foo"></div>

式：

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

在这种情况下，

的宽度为：

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

希望有所帮助。