2014-10-11 2 views
1

Как получить число внутри div и использовать его как number в JavaScript/jQuery? Вот что у меня есть:Как получить номер внутри div с jquery

HTML:

<div class="number">25</div> 

JQuery:

var numb = $('.number').val(); 
console.log(numb); 

jsfiddle: http://jsfiddle.net/nw9rLfba/

+0

http://jsfiddle.net/nw9rLfba/3/ –

+0

, если его входной элемент (вход, текстовое поле, выберите) JQuery не обернуты элементы не имеют метод .val(), используйте методы '.html' или' .text' –

ответ

11

.val() для получения ва lue элементов формы, таких как input, select и т. д. Вы не можете использовать его на div s. Вы можете использовать .text(), чтобы получить текстовое содержимое элемента div.

var number = $('.number').text(); 

Но он вернет содержимое в виде строки. Для того, чтобы преобразовать его в число Javascript, вы должны использовать parseInt():

var number = parseInt($('.number').text()); 
+0

Что делать, если элемент представляет собой смесь символов и число. И я хочу извлечь только номер. Если мы применим ваш код, результат будет NaN. –

+0

@ Dr.YounesHenni Я согласен, в моем коде предполагается, что содержимое элемента - это просто числовые символы, в которых будет работать 'parseInt'. Но это не должно быть сложно подстроить для поддержки вашего сценария. Мы могли бы, например, удалить нечисловые символы, прежде чем пытаться «parseInt» :) –

+0

Да. В моем случае я добавил диапазон вокруг него и применил ваш метод. Работает отлично. –

3
var numb = $('.number').text(); 
console.log(parseInt(numb)); 
+0

Вы должны упомянуть, почему это работает вместе с кодом, чтобы OP и другие знали, что происходит –

Смежные вопросы