Отримати найвище значення 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 як число 10.
Як би цього досягти?

Ви можете використовувати функцію parseInt () для перетворення рядка в число, наприклад:

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

Оновлення: (як запропонував Бен): Вам також слід надати радіус:

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

Примушує його розбирати як десяткове число, інакше рядки, що починаються з '0', можуть бути проаналізовані як восьмеричне число (може залежати від використовуваного браузера).

Плагін jQuery на основі відповіді M4N

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

Тоді ви просто використовуєте цей метод, щоб отримати числові значення

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

Трохи більш практичний / ефективний плагін на основі відповіді Івана Кастельяноса (який базувався на відповіді 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/