jQuery min-width vs. width: Wie entferne ich px?

7

Hier ein paar grundlegende jQuery und JavaScript ausprobieren.

Das .width() gibt mir einen ganzzahligen Wert. Die .css('min-width') gibt mir einen Wert, der in px endet. Deshalb kann ich das nicht so machen wie es ist. Was ist die empfohlene Arbeit?

%Vor%     
Dan 02.08.2011, 19:03
quelle

6 Antworten

20

Verwenden Sie replace() :

%Vor%

Alternativ können Sie die Funktion parseInt verwenden:

%Vor%     
James Hill 02.08.2011 19:05
quelle
9

Der bessere Weg ist die Verwendung von parseInt . Die jQuery-Funktionen .width() und .height() funktionieren ganz ähnlich.

Es wäre auch gut, das Abrufen dieser Werte in Standalone-Funktionen zu kapseln:

  • .minHeight() , .minHeight( size ) , .minHeight( function() )
  • .maxHeight() , ...
  • .minWidth() , ...
  • .maxWidth() , ...

So:

%Vor%

Und Ihr Code wird zu:

%Vor%     
Alexander Yatkevich 03.08.2011 07:57
quelle
2

Einige String-Manipulationen, um 'px' zu entfernen und dann parseInt , um sie als Zahl zu erhalten:

%Vor%     
Mrchief 02.08.2011 19:06
quelle
2

Wenn Sie den Rückgabewert von .css('min-width') zuerst an parseInt übergeben, wird das "px" für Sie entfernt.

%Vor%

(Vergessen Sie nicht den zweiten Parameter für parseInt .)

    
FishBasketGordo 02.08.2011 19:07
quelle
0
%Vor%     
citizen conn 02.08.2011 19:06
quelle
0

Verwenden Sie die Teilzeichenfolge für den Wert, der von der Min-Breite zurückkehrt, um das px

zu entfernen     
Samir Adel 02.08.2011 19:06
quelle

Tags und Links