jQuery "null", wenn ein Wert

Question

zuweisen Wenn ich diesen Code ausführen:

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

I "null" auf der Konsole. Aber wenn ich $('.slb_container').height(); direkt in der Konsole laufen lasse, bekomme ich einen ganzzahligen Wert.

Was mache ich falsch?

Answer 1

Sie versuchen, die Eigenschaft eines Array zu erhalten. Dies geschieht, weil Sie alle Elemente mit der Klasse .slb_container erhalten.

Sie haben zwei einfache Möglichkeiten:

1. eine eindeutige ID in Ihrem HTML Verwenden Sie Ihr Element
   

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

2. Index in der Klasse Array mit $('.slb_container')[i] zu identifizieren und dann wickeln in $() um es als jQuery-Objekt zu objektivieren.

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

Answer 2

Haben Sie nur ein Element mit dieser Klasse auf Ihrem html haben? Ich bin mir nicht sicher, aber ich denke, das ist passiert. Sie versuchen, eine Höhe von etwas zu erhalten, das ein Array und kein Element ist. Versuchen Sie stattdessen eine eindeutige ID