Css üst değerini dize olarak değil sayı olarak alın?

JQuery'de üst konuma göre en üst konumu bir sayı olarak alabilirsiniz, ancak css üst değerini, içinde ayarlanmışsa bir sayı olarak alamazsınız px.
Aşağıdakilere sahip olduğumu varsayalım:

#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'

Ama numara olarak css top özelliğine sahip olmak istiyorum 10.
Buna nasıl ulaşılır?

Dizeyi bir sayıya dönüştürmek için parseInt () işlevini kullanabilirsiniz, örneğin:

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

Güncelleme: (Ben'in önerdiği gibi): Tabanı da vermelisiniz:

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

Ondalık sayı olarak ayrıştırılmasına zorlar, aksi takdirde '0' ile başlayan dizeler sekizlik bir sayı olarak çözümlenebilir (kullanılan tarayıcıya bağlı olabilir).

M4N'in cevabına dayalı bir jQuery eklentisi

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

O zaman bu yöntemi sayı değerlerini elde etmek için kullanırsınız

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

Ivan Castellanos'un cevabına dayanan biraz daha pratik / verimli bir eklenti (M4N'nin cevabına dayanıyordu). Kullanımı || 0, Nan'yi test adımı olmadan 0'a dönüştürecektir.

Ayrıca, amaçlanan kullanıma uygun float ve int varyasyonları da sağladım:

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

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

Kullanımı:

$('#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/ adresinde keman test edin