元素返回NaN作为宽度

element return NaN as width

本文关键字：返回 NaN 元素      更新时间：2023-09-26

我试图改变一个元素的宽度时，窗口的大小调整。我试图获得元素的宽度，但它返回NaN。这是我获取宽度和记录它的代码:

var widthItemMedia = parseInt($(".my-class .list-block .item-media i").css('width'));
console.log("Previous: " + lastWindowWidth + " Current: " + windowWidth + " Width " + widthItemMedia);

来自jQuery文档:

.css(width)和.width()的区别在于，后者返回一个没有单位的像素值(例如400)，而前者返回一个没有单位的值(例如400px)。当需要在数学计算中使用元素的宽度时，建议使用.width()方法。

使用.width()当你想要一个数字工作:

var widthItemMedia = $(".my-class .list-block .item-media i").width();

你也不需要parseInt()。parseInt()函数允许输入字符串结尾处的非数字内容，所以"20px"是可以的。然而，像"auto"这样的东西不是可以。.width()方法获得实际的布局宽度。参见.innerWidth()和.outerWidth()方法，有时可以根据情况得到所需的答案。

相关文章：