JSFiddle 演示：https ://jsfiddle.net/bukh7jwL/
我有一張帶有文字和數字的表格，并面臨 2 個問題。
- 它禁用所有文本值并將其顯示為 ?NaN！
- 如果數字的值小于 100 或 3 位數，我想避免應用 JS。
我該怎么做呢？
HTML：
<center>
<p>
<table>
<tr><td>This is amazing</td></tr>
<tr><td>92834</td></tr>
<tr><td>33</td></tr>
<tr><td>What?</td></tr>
</table>
</center>
JS：
$('td').each(function() {
var monetary_value = $(this).text();
var i = new Intl.NumberFormat('en-IN', {
style: 'currency',
currency: 'INR'
}).format(monetary_value);
$(this).text(i);
});
uj5u.com熱心網友回復：
我已將以下陳述句添加到您的代碼中，以檢查我們是否要運行NumberFormat.
$.isNumeric(monetary_value) && (monetary_value < 100 || monetary_value.length == 3)
$.isNumeric(monetary_value)檢查它是否是一個數字。
(monetary_value < 100 || monetary_value.length == 3)檢查值是否低于 100 或長度是否為 3 個字符。
顯示代碼片段
$('td').each(function() {
var monetary_value = $(this).text();
if ($.isNumeric(monetary_value) && (monetary_value < 100 || monetary_value.length == 3)) {
var i = new Intl.NumberFormat('en-IN', {
style: 'currency',
currency: 'INR'
}).format(monetary_value);
}
$(this).text(i);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<center>
<p>
<table>
<tr><td>This is amazing</td></tr>
<tr><td>92834</td></tr>
<tr><td>33</td></tr>
<tr><td>What?</td></tr>
</table>
</center>uj5u.com熱心網友回復：
您必須首先檢查字串是否為數字，然后您需要檢查數字位數是否為 3 或更多。之后使用toLocaleString()該號碼將轉換為 INR 貨幣
function isNumeric(n) {
return !isNaN(parseFloat(n)) && isFinite(n);
}
$('td').each(function() {
var monetary_value = $(this).text();
if(isNumeric(monetary_value)) {
let moneyVal = parseFloat(monetary_value);
if( (moneyVal < 100 || moneyVal.toString().length == 3) ){
var i = moneyVal.toLocaleString('en-IN', {
maximumFractionDigits: 2,
style: 'currency',
currency: 'INR'
});
$(this).text(i);
}
}
});<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<center>
<p>
<table>
<tr><td>This is amazing</td></tr>
<tr><td>92834</td></tr>
<tr><td>33</td></tr>
<tr><td>What?</td></tr>
</table>
</center>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/475720.html
標籤：javascript jQuery