使用Javascript/jQuery的：数学上计算两个变量

Question

这里是我的代码：

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

怎样使 “numberOfFrames” 显示为商？ I.E.处理“frameWidth”和“imageWidth”作为数字，而不是对象？

让我知道我是否需要更清楚地解释自己。谢谢！

Answer 1

.css('width')很可能会返回值px。您可以使用parseInt()来获取号码。

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

第二个参数10指定parseInt()应该使用碱。

您也可以使用width()^(docs)方法得到没有px的结果。

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

这里我用了一元+操作，使之成为数，而不是字符串。