Javascript jQuery正在获取输入的ID，其中keyup上的类不起作用

我这里的代码有点问题。我试图完成的是在key up上获取输入字段的ID。所有感兴趣的输入字段都有一个类“count”。它们也都有相同的ID，但它会递增，比如field1、field2、field3。我也有一些“答案”输入

我试图实现的机制是首先从我正在键入的输入（keyup）中获取ID。然后我继续将该值（var valueField）传递给函数updateFields（idNumber）。之后，我只需将100添加到字段#x的值中，最后将最终值添加到匹配输入中，id为answerx

我的代码不起作用。有人知道为什么吗？这种方法正确吗？或者你能建议我改变一下吗

这是我的密码：

HTML:

---

提前谢谢

当您获得

attr（'id'）

时，您不需要调用

.val（）

。此外，获取字段的代码假定id以“field”开头，最后，如果要进行文本输入并处理的是一个数字，则应调用

parseInt（）

（十进制数的基数为10），这将起作用：

$（document）.on（'keyup'，'.count'，function（））{
var valueField=$（this.attr（'id'）；
更新字段（valueField）；
});
函数updateFields（idNumber）{
var rawVal=parseInt（$（'#'+idNumber）.val（），10）；
var final=rawVal+100；
$（'答案'+idNumber）.val（最终）
}

<input type="text" placeholder="" class="count" name="input1" id="1"/>
<input type="text" placeholder="" class="count" name="input2" id="2"/>
<input type="text" placeholder="" class="count" name="input3" id="3"/>

<input type="text" placeholder="" class="answer" name="ans1" id="answer1"/>
<input type="text" placeholder="" class="answer" name="ans2" id="answer2"/>
<input type="text" placeholder="" class="answer" name="ans3" id="answer3"/>

    $(document).on('keyup','.count',function(){
        var valueField = $(this).attr('id').val();
        updateFields(valueField);
    });

    function updateFields(idNumber){

        var rawVal = $('#field' + idNumber).val();
        var final = rawVal + 100;

        $('#answer' + idNumber).val(final)

    }