Javascript/Jquery: Matematicamente dividere due variabili

Question

Ecco il mio codice:

var frameWidth = 400; 
var imageWidth = $('#inner-image').css('width'); 
var numberOfFrames = imageWidth/frameWidth; 

Come faccio visualizzazione "numberOfFrames" come un quoziente? OSSIA elaborare "frameWidth" e "imageWidth" come numeri anziché come oggetti?

Fammi sapere se ho bisogno di spiegarmi più chiaramente. Grazie!

Answer 1

.css('width') è probabile che restituisca il valore con px. È possibile utilizzare parseInt() per ottenere solo il numero.

var frameWidth = 400; 
var imageWidth = parseInt($('#inner-image').css('width'), 10); 
var numberOfFrames = imageWidth/frameWidth; 

Il secondo argomento 10 specifica la base che parseInt() dovrebbe usare.

È inoltre possibile utilizzare il metodo width()^(docs) per ottenere il risultato senza lo px.

var frameWidth = 400; 
var imageWidth = +$('#inner-image').width(); 
var numberOfFrames = imageWidth/frameWidth; 

Qui ho usato il + operatore unario per renderlo un numero invece di una stringa.