2014-11-06 43 views
1

我遇到了与Matt提到的相同的问题,但它有点不同。我想获得一个div的高度,但每次我得到null为什么jQuery对元素高度返回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()); 
}); 

回答

4

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

+0

它工作后,我删除了另一个ID – 2014-11-06 04:22:21

+0

是的,它会亲爱的,但如果你真的想命名ids然后使用类,因为id可以只有一个元素,但类可以很多! @BibashAdhikari – 2014-11-06 04:24:47

+0

为什么那么...每个元素有一个id的原因是什么? – 2014-11-06 04:40:55

0

你似乎并不在您的标记选择#ass-1415241823647 .item_message"所以它无法找到它匹配任何元素。

0

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

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

id属性的值错误。

0

试试这个使用jQuery:

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

希望这有助于。