Question

我的html页面上有一个文本字段，我想用jQuery在这个字段中写几个连续的数字。

这是我的HTMML页面上的文本字段

<div id="cardID" align="center"> </div>

以下是写入文本字段的代码

$(#cardID').text(data.devID + '' + data.behBereich + '' + data.behZone + '-' + data.defEinheiten + '-|');

如果这些变量具有以下内容：

data.devID = 10
data.behBereich = 20
data.behZone = 30
data.defEinheiten = 40

输出将是：102030-40- | 现在，如果data.devID = 5，则输出将为52030-40- |

现在我的问题是如何获得输出，其中每个变量都是两位数的输出。因此data.devID = 5的输出如下：502030-40- |

变量输出是否有任何格式选项？

Answer 1

检查变量的长度，如果变量小于2则在变量中附加“0”，然后将其放入div

Answer 2

试试这个

var data={};
data.devID = 5
data.behBereich = 20
data.behZone = 30
data.defEinheiten = 40

var checkNumber=function(number){
	return (number<10? number*10:number).toString();
}

$('#cardID').text(checkNumber(data.devID) +checkNumber(data.behBereich)  +checkNumber(data.behZone) + '-' + checkNumber(data.defEinheiten) + '-|')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div id="cardID">

</div>

将输出中的数字格式化为文本字段

2 个答案: