Jquery Получить значение текстового поля

Question

Как получить значение текстового поля всех полей при вводе ключа. Я могу получить только первое и последнее значение текстового поля. Мне не удалось получить среднее значение текстового поля.

        $("#GridView1 :text").live("keyup", recalculate);

function recalculate() {
                 $("#GridView1 tbody tr:first").each(function () {
                     var text = $(":text", this);
                     var First = Number.parseInvariant(text.first().val());
                     var Middle= Number.parseInvariant(text.first().next().val());
                     var Last= Number.parseInvariant(text.last().val());
                });
            }

Answer 1

Попробуйте это:

$('input[type="text"]').each(function(i){
    console.log($(this).val());
 });

вы получите все значения текстового поля.

Answer 2

Я сделал пример для примера, используя таблицу с текстовыми полями, чтобы вы могли ссылаться на этот фрагмент, возможно, он вам поможет.

$('input[type="text"]').keyup(function() {
  recalculate();
});

function recalculate() {
  $("#GridView1").find("tr").each(function(e, element) {
    var firstTextBox = $($(element).find('input[type="text"]')[0]).val();
    var secondTextBox = $($(element).find('input[type="text"]')[1]).val();
    var thirdTextBox = $($(element).find('input[type="text"]')[2]).val();
    console.log("Grid Row : " + (e + 1) + " txt1: " + firstTextBox + " txt2: " + secondTextBox + " txt3: " + thirdTextBox);
  });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table id="GridView1" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td><input type="text" value=""></td>
      <td><input type="text" value=""></td>
      <td><input type="text" value=""></td>
    </tr>
    <tr>
      <td><input type="text" value=""></td>
      <td><input type="text" value=""></td>
      <td><input type="text" value=""></td>
    </tr>
    <tr>
      <td><input type="text" value=""></td>
      <td><input type="text" value=""></td>
      <td><input type="text" value=""></td>
    </tr>
  </tbody>
</table>