文字列ではなく数値としてCSSトップ値を取得しますか？

jQueryでは、親を基準にした上位の位置を数値として取得できますが、CSSの上位の値がで設定されてpxいる場合、数値として取得できません。
私が以下を持っているとしましょう：

#elem{
  position:relative;
  top:10px;
 }

<div>
  Bla text bla this takes op vertical space....
  <div id='elem'>bla</div>
</div>

$('#elem').position().top; //Returns the number (10+(the vertical space took by the text))
$('#elem').css('top'); //Returns the string '10px'

しかし、数値としてcssのtopプロパティを使用したいと思い10ます。
どうすればこれを達成できますか？

parseInt（）関数を使用して、文字列を数値に変換できます。例：

parseInt($('#elem').css('top'));

更新：（Benの提案どおり）：基数も指定する必要があります。

parseInt($('#elem').css('top'), 10);

強制的に10進数として解析します。それ以外の場合、「0」で始まる文字列は8進数として解析される可能性があります（使用するブラウザーによって異なる場合があります）。

M4Nの答えに基づくjQueryプラグイン

jQuery.fn.cssNumber = function(prop){
    var v = parseInt(this.css(prop),10);
    return isNaN(v) ? 0 : v;
};

したがって、このメソッドを使用して数値を取得します

$("#logo").cssNumber("top")

Ivan Castellanosの回答（M4Nの回答に基づく）に基づいた、もう少し実用的で効率的なプラグイン。を使用|| 0すると、テスト手順なしでNanが0に変換されます。

使用目的に合わせて、floatとintのバリ​​エーションも用意しました。

jQuery.fn.cssInt = function (prop) {
    return parseInt(this.css(prop), 10) || 0;
};

jQuery.fn.cssFloat = function (prop) {
    return parseFloat(this.css(prop)) || 0;
};

使用法：

$('#elem').cssInt('top');    // e.g. returns 123 as an int
$('#elem').cssFloat('top');  // e.g. Returns 123.45 as a float

http://jsfiddle.net/TrueBlueAussie/E5LTu/でフィドルをテストします