JQ如何获取宽度为百分比(%)的对象具体宽度(px)
<div id="panel">
        <div id ="a" style="width:66%"></div>
       <div id ="a" style="width:34%"></div>
</div>
alert($("#a").width())
结果输出为66
但是我想要具体的像素值,怎么办?
以前的版本可以使用 $("#a").attr("scrollWidth"),最新版本用这个语法提示undefined

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function init(){
    var div=document.getElementById("a");
    var p=div.parentNode;
    var a=parseInt(div.style.width)/100;
    var b=0;
    if(document.defaultView&&document.defaultView.getComputedStyle){
    b=document.defaultView.getComputedStyle(p).width;
    }else{
    b=p.currentStyle.width=="auto"?p.offsetWidth:p.currentStyle.width;
    }
    b=parseInt(b);
    alert(b*a+"px");
    }
    window.onload=init;
    </script>
    </head><body>
    <div id="panel">
            <div id ="a" style="width:66%">1</div>
           <div id ="b" style="width:34%">2</div>
    </div>
    </body>
    </html>
    类似这样试试
    获得父元素的宽度后乘以那个百分比试试
      

  2.   

    body总不是吧 挨个往下×试试 
    我是这样想的  等等高手来看看吧
      

  3.   

    <div id="panel">
        <div id ="a" style="width:66%"></div>
        <div id ="b" style="width:34%"></div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            alert($("#a").innerWidth());
    })
    </script>
    //注意ID不要重复