Element Rückgabe NaN als Breite

Question

Ich versuche, die Breite eines Elements zu ändern, wenn das Fenster in der Größe geändert wird. Ich versuche, die Breite des Elements zu erhalten, aber es gibt NaN zurück. Dies ist mein Code für get Breite und zu protokollieren:

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

Answer 1

Vom jQuery documentation:

Der Unterschied zwischen .css(width) und .width() ist, dass letztere kehrt eine einheitslose Pixelwert (zum Beispiel 400), während ersterer einen Wert mit intakten Einheiten zurückgibt (zum Beispiel 400px). Die Methode .width() wird empfohlen, wenn die Breite eines Elements in einer mathematischen Berechnung verwendet werden soll. .width()

verwenden, wenn Sie möchten, eine Zahl mit arbeiten:

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

Sie brauchen nicht die parseInt() entweder. Die parseInt()-Funktion toleriert nicht-numerischen Stuff am Ende der Eingabezeichenfolge, so "20px" ist in Ordnung. Etwas wie "Auto" ist jedoch nicht in Ordnung. Die .width() Methode liefert Ihnen die tatsächliche Layoutbreite. Siehe auch die Methoden .innerWidth() und .outerWidth(), die je nach Situation manchmal die Antwort liefern, die Sie benötigen.