ParseInt на (класс =) "H310" оказывает NaN

Question

Я элемент, как так

<span class='h310'>blah</span> 

Теперь

console.log($(this).attr('class')); 

оказывает

"h310"

но

console.log(parseInt($(this).attr('class'))); 

оказывает NaN вместо очень нужного 310.

Что мне здесь не хватает и как это решить?

UPDATE

h действительно статично, я просто добавил это потому, что «310» не является допустимым именем класса в соответствии с HTML спецификации в то время как «H310» есть.

Answer 1

Н статична

В этом случае вы можете просто заменить «Н» и преобразовать строку в число с помощью одинарного плюс:

+$(this).attr('class').replace('h', ''); 

> 310 

JSFiddle demo ,

Answer 2

Попробуйте

var str= $('span').attr('class'); 
var thenum = str.replace(/^\D+/g, ''); 
console.log(thenum) 

DEMO

Answer 3

parseInt метод не будет работать здесь, как класс содержит символ "H".

Попробуйте это (с "ч" является статическим)

<span id="sp1" class='h310'>blah</span> 

$(document).ready(function(){ 
    alert($('#sp1').attr('class')); 
    alert(parseInt($('#sp1').attr('class').replace('h', ''),10)); 
}); 

Для общего решения использовать регулярное выражение.

console.log(parseInt($('#sp1').attr('class').match(/\d+/),10)); 

Живая DEMO

Answer 4

Вам нужно извлечь номер части строки первой.ParseInt только извлечь его автоматически, если нет нечислового символа в начале строки

var numberpart = $(this).attr('class').substring(1); 
console.log(parseInt(numberpart, 10)); // make sure to provide the radix 10 for decimal numbers 

Answer 5

Да, очевидно, она возвращает NaN, как метод ParseInt не будет работать в течение последнего номера из строки, но если у вас есть 310h то это может быть проанализирован с ParseInt:

Таким образом, использовать регулярное выражение здесь:

console.log(parseInt($('span').attr('class').match(/\d+/),10)); 

working fiddle

Как @James вы можете также использовать так:

$(this).attr('class').replace(/[a-zA-Z ]/g, '');