JQuery «нуль», когда присвоить значение

Question

Когда я запускаю этот код:

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

я получаю «нуль» на консоли. Но когда я запускаю $('.slb_container').height(); непосредственно в консоли, я получаю целочисленное значение.

Что я делаю неправильно?

Answer 1

Вы пытаетесь получить свойство массива . Это происходит потому, что вы получаете все элементы с классом .slb_container.

У вас есть 2 простых вариантов:

1. Использование уникального идентификатора в вашем HTML, чтобы определить ваш элемент индекса
   

   $(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 с этим классом? Я не уверен, но я думаю, что так случилось. Вы пытаетесь получить высоту чего-то, что является массивом, а не элементом. Попробуйте поместить уникальный идентификатор вместо этого