2012-05-08 12 views
20

Come posso recuperare l'altezza della linea di un elemento senza "px"?Ottieni altezza riga dell'elemento senza 'px'

Utilizzando questo ottengo il valore di altezza riga completo compreso il px.

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

possibile duplicato di [Ottieni un numero per un valore di stile SENZA il "px;" suffisso] (http://stackoverflow.com/questions/8690463/get-a-number-for-a-style-value-without-the-px-suffix) –

risposta

56

analizzare come un intero con parseInt

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

Uscite:

18

Come numero intero. Le altre soluzioni mantengono il tipo String.

EDIT

Per i valori che possono contenere punti decimali, è possibile utilizzare parseFloat()

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

Uscite:

18.4

+0

@Vega good catch sulla modifica –

+2

Ricorda che se il tuo originale 'line-height' è stato impostato come percentuale e non pixel o ems/rems, usando' parseInt() 'ridurrà i decimali nel tuo calcolato' line-height' ... – nickb

2

salvarla in una variabile un poi effettuare una sostituzione

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

tecnicamente si sta sostituendo * quindi * salvando su una variabile. .. – MalcolmOcean

8

basta sostituire il px con ''.

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

-2

In CoffeeScript

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

    parseInt val 


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

Questo dovrebbe ad esso!

Problemi correlati