如何将文本附加到同一个html类中的许多用户输入中？

Question

我有一个html表单，它在同一个html类中有许多输入。当用户按下submit按钮时，我需要每个输入字段提交用户在其中所写的内容，然后是一个特定的字符串。如果用户将单词"cat“放在文本框中，表单将提交"catPTQ”。我有一个函数可以实现这一点，但是它没有保留用户输入，而是在类中使用了输入的第一个实例。我的功能是这样的。

$(function () {
            $('#question_entry_submit_button').on('click', function () {
                var text = $('.ptq');
                text.val(text.val() + 'ptq');
            });
        });

这确实循环了'.ptq‘的html类，并将"ptq“追加到用户输入的末尾，但是不管用户向第二个输入框输入了什么，它都会提交第一个用户输入+ 'ptq’，而不是实际的用户输入+ 'ptq‘。

我认为这是有道理的，但如果需要的话，我可以试着澄清。

Answer 1

尝试使用.val()的回调函数，

text.val(function(_,val){
  return val + "ptq";
});

完整代码，

$(function() {
   $('#question_entry_submit_button').on('click', function () {
      var text = $('.ptq');
      text.val(function(_,val){
        return val + "ptq";
      });
   });
});

Answer 2

该函数将通过类"test“获取所有输入的值。为了处理这些元素，您可以在数组中循环这些元素的值，您可以随时使用这些数组。

$('.test').each(function(i, obj) {
   //test
});