javascript - 从字段获取数字并处理它们

Question

我有一个字段，它通过与数字关联的链接列表获取输入。 (类似于计算器但没有运算符)。我想检索这些数字并将它们放入一个除以 12 的函数中。(从英尺到英寸的转换)。

首先，我有一个 jQuery 单击函数的列表，如下所示:

$('#a0').click(function(){
    writeInput(input, one); // var one = 1;
});

接下来我有“写入输入”功能(这是数字显示在“屏幕”上的地方)

function writeInput(field, str){
    $input = $(field);
    var text = $input.val($input.val() + str);
    $input.text(text);
    convert(text);
}

最后我有一个函数，应该将输入的数字除以 12

function convert(input){
    var divide = (input / 12);
    $("#output").html(divide); //output is a paragraph where the number is displayed
}

当我运行代码时，我在数字应该在的位置得到 NAN 输出。我尝试过 parseInt() 和其他技巧。但我最接近正确的是当我得到 [object] [object] 输出时。

如有任何帮助，我们将不胜感激。谢谢!

Answer 1

在您的代码中 text 是一个 jQuery 对象，您使用 val 作为返回 jQuery 对象的 setter，您应该使用 val/text 方法作为获取更新值的 getter。

function writeInput(field, str){
    var text = $(field).val(function(i, v){
                  return v + str;
               }).text(function(i, t){
                  return t + str
               }).val();
    convert(text);
}