Javascript/jQuery: Matemáticamente Divide dos variables

Question

Aquí está mi código:

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

¿Cómo hago "numberOfFrames" pantalla como un cociente? ES DECIR. procesar "frameWidth" y "imageWidth" como números, en lugar de objetos?

Avísame si necesito explicarme más claramente. ¡Gracias!

Answer 1

.css('width') es probable que regrese el valor con px. Puede usar parseInt() para obtener solo el número.

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

El segundo argumento especifica 10 la base de que parseInt() debe utilizar.

También puede usar el método width()^(docs) para obtener el resultado sin el px.

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

Aquí he utilizado el + operador unitario para que sea un número en lugar de una cadena.