分配值时jQuery为“null”

Question

当我运行此代码时：

$( document ).ready(function() {
    $altura = $('.slb_container').height();
    console.log($altura);        
});

我在控制台上获得“null”。但是当我直接在控制台中运行$('.slb_container').height();时，我得到一个整数值。

我做错了什么？

Answer 1

您正在尝试获取数组的属性。发生这种情况是因为您获得了.slb_container类的所有元素。

您有两个简单的选择：

1. 在HTML中使用唯一ID来标识您的元素

   $( document ).ready(function() {    
      $altura = $('#slb_container_id').height();
      console.log($altura);        
   });
   

2. 使用$('.slb_container')[i]索引到您的类数组中，然后将其包装在$()中，以将其作为jQuery对象进行客观化。

   $( document ).ready(function() {    
      $altura = $($('.slb_container')[0]).height();
      console.log($altura);        
   });
   

Answer 2

你的html中只有一个元素与这个类？我不确定，但我认为这就是发生的事情。你试图获得一个数组而不是元素的高度。 尝试添加唯一的ID