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;

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