Jquery 文本框中来自同一类的多个值

我的HTML：

<div class="main"> <input type="text" id="calculation"> </div>
<hr>
<div class="main"> <input type="text" id="query"> </div>
<div>
  <table>
    <tr>
      <td><button class="class" value="1">1</button> <button class="class" value="2">2</button> <button value="3">3</button> <button value="4">4</button> </td>
    </tr>
  </table>
</div>

1 2 3 4 

jQuery：

var inputs = $(".class");
$(inputs).click(function() {
  for (var i = 0; i < inputs.length; i++) {
    $(inputs[i]).val();
    $('#query').val($(this).val());
  }
});

var输入=$（“.class”）；
$（输入）。单击（函数（）{
对于（变量i=0；i

---

我只想用同一个类获取多个值，但使用for循环也不起作用。

使用

+=

获取同一类的多个值并显示在字段中

var输入=$（“.1class”）；
var值=“”；
$（输入）。单击（函数（）{
$（'#query'）.val（''）；
//value=''//取消对该值的注释，以在追加值之前清除文本框，否则每次单击时都会将新值追加到上一个值。
对于（变量i=0；i


1 2 3 4 
代码片段：

$arr = [];
$(".class").each(function(){
  var i = $(this).val();//get input value
  $arr.push(i);//array of all values
});

分享你的HTML并告诉我们什么是
#query
和
。1 class
元素实际上是
1 2 3 4首先，类不应该以数字开头，其次你说
具有相同id的多个值
，因此如果多个元素具有相同id，然后您遇到了一个问题，因为ID应该始终是唯一的。@QamberJamani请在您的问题中添加HTML代码，并请花一些时间阅读帮助页，