要素がNaNの幅を返します

Question

ウィンドウのサイズが変更されたときに要素の幅を変更しようとしています。要素の幅を取得しようとしていますが、NaNを返します。これはGET幅のための私のコードであり、それをログに記録する：jQuery documentationから

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

Answer 1

：

.css(width)と.width()の差がある、例えば後者の戻り無単位画素値（すなわち、 400）、前者は単位をそのままの値（たとえば400px）で返します。 .width()メソッドは、要素の幅を数学的計算で使用する必要がある場合に推奨されます。

使用.width()あなたは数が作業したいとき：

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

あなたはどちらかparseInt()は必要ありません。 parseInt()関数は、入力文字列の末尾のに数値以外のものを許容します。したがって、 "20px"は問題ありません。しかし、「自動」のようなものはではなく、である。 .width()メソッドは実際のレイアウト幅を取得します。 .innerWidth()と.outerWidth()の方法も参照してください。状況に応じて必要な答えが得られることがあります。