Javascript/Jquery:数学上划分两个变量

Question

这是我的代码:

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

如何将"numberOfFrames"显示为商？IE进程"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;

在这里,我使用一元运算+符使其成为数字而不是字符串.