为什么jQuery为元素高度返回null？答案

【问题标题】：Why does jQuery return null for element height?为什么jQuery为元素高度返回null？
【发布时间】：2015-01-02 11:48:33
【问题描述】：

我遇到了与Matt 提到的相同的问题，但差别不大。我正在尝试获取 div 的高度，但每次我得到null。

HTML：

<div id="main" class="box-main " style="display:block">
    <div class="box_content" style="position:absolute;top:0px;bottom:0px;height:453px;width:100%;padding-left:5px;padding-bottom:2px;">
        <div style="min-width:200px;min-height:41px;padding-top:8px" id="ass-1415241823647 item-97"><div class="box">
           <div class="new-try item_message" title="ram"><div class="pp"><img src="images/try.jpg" class="avatar " width="40" height="40"></div>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
           </div>
        </div>
    </div>
</div>

JavaScript：

$(document).ready(function(){
   alert($("#ass-1415241823647 .item_message").height());
});

我也试过了，但是没用。

$(document).ready(function(){
   alert($("#main .box_content #ass-1415241823647 .box .item_message").height());
});

【问题讨论】：

标签： javascript jquery html css

【解决方案1】：

ass-1415241823647 item-97 你不能有两个 id 删除一个或者如果你真的想尝试使用 class

【讨论】：

是的，它会很贵，但如果你真的想为 id 命名，那么使用类，因为 id 每个元素只能是一个，但类可以有很多！ @BibashAdhikari
你可以关注这个：stackoverflow.com/questions/11884862/…

【解决方案2】：

您的标记中似乎没有任何元素与选择器 #ass-1415241823647 .item_message" 匹配，因此无法找到它。

【讨论】：

【解决方案3】：

$("#ass-1415241823647 .item_message") 的结果不是空的jQueryObject吗？长度为 0？

.. id="ass-1415241823647 item-97">..

id 属性值错误。

【讨论】：

【解决方案4】：

使用 jquery 试试这个：

$(document).ready(function(){
   alert($(".item_message").css("height"));
});

希望这会有所帮助。

【讨论】：