JavaScript/jQuery: Matematycznie Dzielenie dwóch zmiennych

Question

Oto mój kod:

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

Jak zrobić "numberOfFrames" wyświetlacz jako iloraz? TO ZNACZY. przetwarzać "frameWidth" i "imageWidth" jako liczby, a nie obiekty?

Daj mi znać, jeśli muszę wyjaśnić siebie bardziej wyraźnie. Dzięki!

Answer 1

.css('width') prawdopodobnie zwróci wartość za pomocą px. Możesz użyć numeru parseInt(), aby uzyskać tylko numer.

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

Drugi argument 10 określa podstawę że parseInt() należy użyć.

Można również użyć metody width()^(docs), aby uzyskać wynik bez numeru px.

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

Tutaj użyłem jednoargumentowy + operatora, aby to ilość zamiast napisu.