Extrage valoare numar din proprietate css

[steell]

salut, vreau sa fac o banda gen loading

Cod: Selectaţi tot

<script type="text/javascript"><!--
$(document).ready(function() {
  $('.cls').click(function(){
var nr = $('.cls').css('width');   //extrage valoarea width din acel div
var nr1=nr*2;    //dubleaza valoarea width
$('.cls').css('width', nr1);   //seteaza noua valoare width
  });
});
--></script>

<div class="cls"> &nbsp; </div>

problema este ca valoarea extrasa nu este un numar si nu poate fi modificata
am pus un alert la script sa-mi arate valoarea width si imi zice 50px, cum fac sa-o transform in numar adica sa arate doar 50 fara px ?


edit:
pana la urma am rezolvat asa

Cod: Selectaţi tot

<script type="text/javascript"><!--
$(document).ready(function() {
  $('.cls').click(function(){

$(this).animate({'width':'500px'},20000);

  });
});
--></script>

dar tot vreau sa stiu cum transform acea proprietate width din sir in numar

Salut
Uite un exemplu din care poti sa intelegi cum se extrage valoarea numerica din sir cu valori css.

Cod: Selectaţi tot

<script type="text/javascript"><!--
var width1 = '15px';
var width2 = '8%';

// extrage doar partea numerica
width1 = width1.match(/[0-9]+/);
width2 = width2.match(/[0-9]+/);

alert(width1);       // 15
alert(width2);       // 8
--></script>