Holen Sie sich die Zeilenhöhe des Elements ohne ‘px’

Lesezeit: 1 Minute

kusssaft

Wie erhalte ich die Zeilenhöhe eines Elements ohne “px”?

Damit erhalte ich den vollen Zeilenhöhenwert einschließlich px.

$('#example').css('line-height');

mögliches Duplikat von Get a number for a style value WITHOUT the “px;” Suffix

– Felix Klinge

8. Mai 2012 um 22:14 Uhr

Kyle Macey

Analysieren Sie es als ganze Zahl mit parseInt

parseInt($('#example').css('line-height'), 10);

Ausgänge:

18

Als Ganzzahl. Die anderen Lösungen behalten den String-Typ bei.

BEARBEITEN

Für Werte, die Dezimalstellen enthalten können, können Sie verwenden parseFloat()

parseFloat($('#example').css('line-height'));

Ausgänge:

18.4

Denken Sie daran, dass, wenn Ihr Original line-height wurde als Prozentwert und nicht als Pixel oder ems/rems festgelegt parseInt() wird Dezimalstellen in Ihrer Berechnung abschneiden line-height…

– Nickb

6. Januar 2014 um 5:25 Uhr

Ersetzen Sie einfach die px mit ''.

$('#example').css('line-height').replace('px', '');

Speichern Sie es in einer Variablen und ersetzen Sie es dann

var aux = $('#example').css('line-height').replace('px', '');

In Kaffeeschrift

getElementProperty = (el, property) -> 
  val = el.css(property).replace "px" , "" 

  parseInt val


getElementProperty $("#myElement"), "line-height"

Das sollte dazu !

11871100cookie-checkHolen Sie sich die Zeilenhöhe des Elements ohne ‘px’

#Abfrage