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

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

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

这确实会循环通过html类“.ptq”并将“ptq”附加到用户输入的末尾，但无论用户在第二个输入框中输入什么，它都会提交第一个用户输入+“ptq”，以代替实际用户输入+“ptq”

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

尝试使用的回调函数

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";
      });
   });
});

尝试使用的回调函数

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";
      });
   });
});

---

此函数将通过类“test”获取所有输入的值。为了进行处理，u可以存储这些元素的值，同时将它们循环到一个数组中，您可以随时使用该数组

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

---

此函数将通过类“test”获取所有输入的值。为了进行处理，u可以存储这些元素的值，同时将它们循环到一个数组中，您可以随时使用该数组

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

---

@很高兴能帮上忙！：）顺便说一句，试着按下这个答案的勾号，因为这可能会帮助未来的访问者认为这个答案对你有用。但这不是一种强迫我打算，我想因为我的账户是新的，我必须等10分钟才能接受你的回答。我手机上有个闹钟提醒我。再次感谢@很高兴能帮上忙！：）顺便说一句，试着按下这个答案的勾号，因为这可能会帮助未来的访问者认为这个答案对你有用。但这不是一种强迫我打算，我想因为我的账户是新的，我必须等10分钟才能接受你的回答。我手机上有个闹钟提醒我。再次感谢！