要素のコンテンツの種類をテストする方法はありますか？

Question

javascript/jqueryを使用して要素のコンテンツの種類をテストしようとしていますが、要素からコンテンツを取得するたびに常に文字列として返されます：

$('.test').each(function() { 
 
    console.log(
 
     this.innerHTML.trim(), 
 
     typeof this.innerHTML, 
 
     typeof $(this).text(), 
 
     $.type(this.innerHTML.trim()), 
 
     Number.isInteger(Number(this.innerHTML.trim())) 
 
    ); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="test"> 
 
1234 
 
</div> 
 
<div class="test"> 
 
22.54 
 
</div> 
 
<div class="test"> 
 
2test 
 
</div>

私はきちんと彼らに並べ替えを行うことができますので、私は数字を解析できるようにtypeofを使用して、というよりも、文字列

としてそれらを分類することなく、タイプをテストする方法はあります

Answer 1

これはtypeof演算のためのチェックFUNCです：

あなたは、例えば、テキストかどうかを確認するための機能 isNaNを使用することができます

$('.test').each(function() { 
 
    
 
    var checktype = isNaN(this.innerHTML) 
 
    if (checktype == false) { alert("number"); return;} 
 
    else { 
 
    
 
    alert(typeof this.innerHTML) 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="test"> 
 
1234c 
 
</div> 
 
<div class="test"> 
 
22.54 
 
</div>

Answer 2

チェック前にparseIntを使用してください。isInteger

$('.test').each(function() { 
 
    console.log(Number.isInteger(parseInt(this.innerHTML.trim()))) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="test"> 
 
1234 
 
</div> 
 
<div class="test"> 
 
22.54 
 
</div>

Answer 3

（それはまた、文字列を受け付けます）数字ではありません。数値がparseFloatまたは+の場合は、変数を目的のタイプに解析します。

$('.test').each(function() { 
 
    var text = $(this).text(); 
 
    if(!isNaN(text)) 
 
    \t text = +text; 
 
    console.log(text + " " + typeof text); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="test"> 
 
1234 
 
</div> 
 
<div class="test"> 
 
22.54 
 
</div> 
 
<div class="test"> 
 
normalText 
 
</div>