Con [jQuery][1] constantemente necesitamos crear variables para tomar valores CSS de elementos, para luego construir nuevos elementos o interacciones; constantemente lo hago en plugins cono [Timelinr][2] o [Blox][3]!, pero JavaScript nos ofrece un método más rápido que el andar haciendo slices.

Desde el siguiente ejemplo, tomaremos la el valor CSS de margin-top del buscador de este mismo sitio; normalmente lo haríamos de esta manera:

var marginT = $('#search_container').css('margin-top');

Click para ver ejemplo 1

Ejemplo1: obtener valor numérico con JavaScript

El valor entregado efectivamente es el correcto: 10px pero lo necesitamos numérico. Para ello utilizamos replace():

var marginT = $('#search_container').css('margin-top').replace('px','');

Click para ver ejemplo 2

Ejemplo2: obtener valor numérico con JavaScript

[1]: http://www.csslab.cl/tag/jquery/ “Enlace en CSSLab a “jQuery”” [2]: http://www.csslab.cl/2011/08/18/jquery-timelinr/ “Enlace en CSSLab a “jQuery Timelinr”” [3]: http://www.csslab.cl/2009/05/25/jquery-blox/ “Enlace en CSSLab a “Blox!””