Javascript/Jquery: 对两个变量进行数学除法

Question

以下是我的代码：

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

如何将“numberOfFrames”显示为商？即将“frameWidth”和“imageWidth”处理为数字，而不是对象？

如果需要更清晰地解释，请告诉我。谢谢！

- Rrryyyaaannn

Answer 1

.css('width') 很可能返回带有 px 的值。您可以使用 parseInt() 函数仅获取数字部分。

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

第二个参数10指定了parseInt()应该使用的进制数。

你也可以使用width()^(文档)方法获取结果，而不需要px。

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

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

- user113716

---

就是这样了！感谢你帮我把它组合起来。 - Rrryyyaaannn

使用基数10对parseInt函数进行加一，我看到过很多使用该函数时出现不可预测的解析情况。 - Kris Ivanov