2014-10-11 3 views
1

div 안에있는 번호를 가져와 JavaScript/jQuery에서 number으로 사용하려면 어떻게해야합니까?jquery로 div 안에 숫자를 얻는 방법

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

.val() 메소드를 사용하고'.html' 또는'.text' 메소드를 사용하십시오 –

답변

11

.val()는 버지니아를 얻기위한 것입니다 에 사용할 수 없습니다. .text()을 사용하여 div 요소의 텍스트 콘텐츠를 가져올 수 있습니다.

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

하지만 콘텐츠는 문자열로 반환됩니다. 자바 스크립트 숫자로 변환하려면 사용해야합니다 parseInt() :

는하지 않는 입력 요소 (입력, 텍스트 영역, 선택) jQuery를 요소가하지 않는 포장
var number = parseInt($('.number').text()); 
+0

에서 무슨 일이 일어나고 있는지를 알 수 있도록 코드와 함께 이것이 왜 작동하는지 언급해야합니다. 및 번호. 그리고 숫자 만 추출하고 싶습니다. 코드를 적용하면 결과는 NaN입니다. –

+0

@ Dr.YounesHenni 동의합니다. 내 코드는 요소의 내용이'parseInt'가 작동하는 숫자로 된 문자라고 가정합니다. 그러나 시나리오를 지원하기 위해 조정할 필요는 없습니다. 우리는 예를 들어'parseInt'를 시도하기 전에 숫자가 아닌 문자를 먼저 제거 할 수 있습니다 : –

+0

예. 제 경우에는 주위에 스팬을 추가하고 메서드를 적용했습니다. 완벽하게 작동합니다. –

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

OP와 다른 사람들이 –