同一类的文本框中的多个值

Question

我的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>

jQuery：

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

我只想在同一个类中获得多个值，但是使用for Loop也不起作用。

Answer 1

使用import { throwError } from 'rxjs'; calc(url){ num = math(); if (num !== "error"){ return this.http.get<Object[]>(url); } else { return throwError('Error'); } } 获取同级的多义值并显示在您的字段中。

+=

var inputs = $(".1class");
var value = '';
$(inputs).click(function() {
  $('#query').val('');
  //value = '' //uncomment this one to clear text box before append value otherwise it's append new value to previous one whenever you click. 
  for (var i = 0; i < inputs.length; i++) {
    value += $(inputs[i]).val();
  }
  $('#query').val(value);
});

Answer 2

代码段：

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