找到Td单元格内Div的宽度

Question

我的HTML看起来像这样。现在我试图找到主要内容的宽度和较小的表格长度。

我的代码一直说这两个长度是相同的，即使从开发人员工具，我可以看到内部表非常小，所以这不是正确的。

你能告诉我哪里错了吗？

Code: 

var $sp = $("div[id*='div2']");
$sp.hide();

var w1 = $("div.body-content").first().width();
var p1 = $("div[id*='Panel1']").width();
alert(w1);
alert(p1);
//I get both this alert as same, but p1 is very smal compared to w1

HTML

    <td id="Body1" valign="top" class="cl-body">
    <div class="body-content">
        <table>
            <tbody>
                <tr>
                    <td id="Td1">
                        <div id="Panel1">
                            <table class="ptable1">
                                <tbody>
                                    <tr>
                                        <td class="blank-cell"></td>
                                    </tr>
                                    <tr>
                                        <td>"Something"</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div id="Div2"></div>
                    </td>
                    <td style="padding: 0; vertical-align: top;" id="Td2">
                        <div id="div3">
                            //A v ery big table
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</td>