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

Question

有没有办法获取一个元素（例如.container）的宽度，然后应用到另一个元素（例如.item）上？

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

- Dean Elliott

---

展示一些代码。甚至可以使用JSFiddle：http://jsfiddle.net/ - David Starkey

设置宽度为100％无效吗？ - MasNotsram

Answer 1

像这样 -

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

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

- Adil Shaikh

Answer 2

试试这个：

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

- Dhaval Marthak

Answer 3

尝试：

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

- Wallack

Answer 4

要在没有使用jQuery的情况下获取宽度，只需使用简单的JavaScript代码：

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

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

Ex. html:

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

样式：

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

在这种情况下，宽度将是：

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

希望能有所帮助。

- kdureidy