javascript - (已关闭)单击按钮时，如何获取第一个表行中的输入值并将其显示在新添加的行中

Question

现在，当单击“确定”按钮时，将在第一个表行下方添加其他行。我想知道当单击按钮时，如何从第一个表行获取值，并将这些值添加到新添加的行(可能超过 1 行取决于用户输入的行数)。

期望的结果

No  Tommy  Danvers
1   Tommy  Danvers
2   Tommy  Danvers
3   Tommy  Danvers

$('#add-row').click(function() {
  var $tbody, $row, additionalRows;
  var numNewRows = parseInt($('#insert-rows-amnt').val(), 10);

  if (isNaN(numNewRows) || numNewRows <= 0) {
    alert('Please enter number of row');
  } else {

    $tbody = $('table#one tbody ');
    $row = $tbody.find('tr:last');
    var lastRowIndex = ($row.index() == -1 ? 0 : $row.index()) + 1;
    additionalRows = new Array(numNewRows);
    for (i = 0; i < numNewRows; i++) {
      additionalRows[i] = ` <tr>
    <td>${lastRowIndex}</td>
      <td>
      <input type="text" name="name[]"></td>
      <td><input type="text" name="other[]"></td>
  	  </tr>`
      lastRowIndex = lastRowIndex + 1;
    }

    $tbody.append(additionalRows.join());
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="number" id="insert-rows-amnt" name="insert-rows-amnt" value="<?php echo $tam ?>" />
<button id="add-row" type="button">OK</button>


<table id="one">
  <tbody>
    <td>
      <input type="text" name="id[]" value="No"></td>
    <td><input type="text" name="name[]" value="Tommy"> </td>
    <td><input type="text" name="other[]" value="Danver"> </td>
  </tbody>
</table>

Answer 1

所以我发现这可以满足我的需要，很可能会有更好的答案。如果你有的话，请分享。谢谢

$('#add-row').click(function() {
  var $tbody, $row, additionalRows;
  var numNewRows = parseInt($('#insert-rows-amnt').val(), 10);

  if (isNaN(numNewRows) || numNewRows <= 0) {
    alert('Please enter number of row');
  } else {

    $tbody = $('table#one tbody ');
    $row = $tbody.find('tr:last');
    var lastRowIndex = ($row.index() == -1 ? 0 : $row.index()) + 1;
    additionalRows = new Array(numNewRows);
    for (i = 0; i < numNewRows; i++) {
      additionalRows[i] = ` <tr>
    <td>${lastRowIndex}</td>
      <td>
      <input type="text" name="name[]" class="tommy"></td>
      <td><input type="text" name="other[]" class="danver"></td>
  	  </tr>`
      lastRowIndex = lastRowIndex + 1;
    }

    $tbody.append(additionalRows.join());
  }
});


$("#add-row").on('click', function() {
  var set = $('#tommy,#danver').val();
  if (set) {
   $('.tommy,.danver ').val(set);
    }
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="number" id="insert-rows-amnt" name="insert-rows-amnt" value="<?php echo $tam ?>" />
<button id="add-row" type="button">OK</button>


<table id="one">
  <tbody>
    <td>
      <input type="text" name="id[]" value="No"></td>
    <td><input type="text" name="name[]" value="Tommy" id="tommy"> </td>
    <td><input type="text" name="other[]" value="Danver" id="danver"> </td>
  </tbody>
</table>