element返回NaN作为宽度

Question

我正在尝试在调整窗口大小时更改元素的宽度.我试图获得元素的宽度,但它返回NaN.这是我获取宽度的代码并记录它:

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

Answer 1

从jQuery文档:

.css(width)和之间的区别在于.width()后者返回无单位像素值(例如,400),而前者返回单位完整的值(例如,400px)..width()当需要在数学计算中使用元素的宽度时,建议使用该方法.

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

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

你也不需要parseInt().该parseInt()函数容忍输入字符串末尾的非数字内容,因此"20px"没问题.但是,像"汽车"这样的东西并不好.该.width()方法可以获得实际的布局宽度.另请参阅.innerWidth()和.outerWidth()方法,有时可以根据具体情况为您提供所需的答案.