Obtener la altura de línea del elemento sin 'px'

¿Cómo recupero la altura de línea de un elemento sin el "px"?Obtener la altura de línea del elemento sin 'px'

Con esto obtengo el valor de altura de línea completa que incluye el px.

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

Fuente

2012-05-08 cusejuice

posible duplicado de [Obtenga un número para un valor de estilo SIN el "px"; sufijo] (http://stackoverflow.com/questions/8690463/get-a-number-for-a-style-value-without-the-px-suffix) –

analizarlo como un entero con parseInt

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

Salidas:

18

Como número entero. Las otras soluciones mantienen el tipo de Cadena.

EDITAR

Para valores que pueden contener puntos decimales, puede utilizar parseFloat()

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

Salidas:

18.4

Fuente

2012-05-08 22:13:27

@Vega buena captura en la edición –

Tenga en cuenta que si su 'line-height' original se estableció como un porcentaje y no píxeles o ems/rems, el uso de' parseInt() 'recortará decimales en su calculado' line-height' ... – nickb

guardarlo en una variable de un girar a la reemplace

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

Fuente

2012-05-08 22:13:26 Jorge

técnicamente esto está reemplazando * luego * guardando en una variable. .. – MalcolmOcean

basta con sustituir el px con ''.

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

Fuente

2012-05-08 22:13:44

-2

En CoffeeScript

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

    parseInt val 


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

Esto se debe a él!

Fuente

2014-01-22 09:24:28 htatche

Obtener la altura de línea del elemento sin 'px'

Respuesta

Cuestiones relacionadas