jquery - 以百分比分配宽度，但想以像素为单位获取它

Question

.test {
  border: 1px solid;
  cursor: pointer;
  height: 10px;
  position: relative;
  width: 100%;
}

<div id="test1" class="test"></div>

我已经显示了我的 HTML id 及其 CSS。现在，当我执行 $('#test').width() 时，我得到了 100。我想要它的 width 以像素为单位(而不是 %)。

谁能告诉我如何获得它的宽度(以像素为单位)？

Answer 1

选项之一也可以，即父元素不可见。这是示例:http://jsfiddle.net/nDMM3/

你可以看到，jQuery 返回 width = 100(比如 100%)

.test {
    border: 1px solid;
    cursor: pointer;
    height: 10px;
    position: relative;
    width: 100%;
    display:none;
}

#test2{
   width:100%;
}

<div id="test1" class="test">
   <div id="test2">
      Hello
   </div>    
 </div>   

 alert($('#test2').width());