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');
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');
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
@Vega good catch sulla modifica –
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
salvarla in una variabile un poi effettuare una sostituzione
var aux = $('#example').css('line-height').replace('px', '');
tecnicamente si sta sostituendo * quindi * salvando su una variabile. .. – MalcolmOcean
basta sostituire il px
con ''
.
$('#example').css('line-height').replace('px', '');
In CoffeeScript
getElementProperty = (el, property) ->
val = el.css(property).replace "px" , ""
parseInt val
getElementProperty $("#myElement"), "line-height"
Questo dovrebbe ad esso!
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) –