Добавлять линию к таблице HTML, [закрывший]

У меня есть код, который я хочу, что он добавил линии, как они требовались, и у меня есть прямо сейчас этот код.

$("#insert-more").click(function() {
  $("#mytable").each(function() {
    var tds = '<tr>';
    jQuery.each($('tr:last td', this), function() {
      tds += '<td>' + $(this).html() + '</td>';
    });
    tds += '</tr>';
    if ($('tbody', this).length > 0) {
      $('tbody', this).append(tds);
    } else {
      $(this).append(tds);
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='row'>
  <div class='col-xs-12 col-sm-12 col-md-12 col-lg-12'>
    <button class="btn btn-success addmore" type="button" id="insert-more"> Add New Row</button>
    <table id="mytable" class="table table-bordered table-hover">
      <thead>
        <tr>
          <th width="5%">Cantidad</th>
          <th width="18%">Descripción del articulo</th>
          <th width="5%">Price Unitario</th>
          <th width="5%">%DTO</th>
          <th width="7%">Precio Total</th>
          <th width="12%">Inspección de recepción</th>
          <th width="12%">Comentarios</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><input type="text" id="fee-1" class="form-control"></td>
          <td><input type="text" id="fee-2" class="form-control autocomplete_txt"></td>
          <td><input type="number" id="fee-3" class="form-control changesNo"></td>
          <td><input type="number" id="fee-4" class="form-control changesNo"></td>
          <td><input type="number" id="fee-5" class="form-control totalLinePrice"></td>
          <td><input type="number" id="fee-6" class="form-control totalLinePrice"></td>
          <td><input type="number" id="fee-7" class="form-control totalLinePrice"></td>
        </tr>
      </tbody>
    </table>
  </div>
</div>

И кнопка ничего не делает

0
задан 28.07.2017, 13:41
1 ответ

Которое я harГ - в serГ, - чтобы использовать старого mГ©todo. botГіn у него есть признак "onclick". UtilГ-zalo, чтобы призывать к одной funciГіn JS, который содержал бы все это внутри. Это заканчивает тем, что является тем же самым, но из-за того, что удаляет проблемы, так как, когда ты Выполнять cГіdigo в Вебе, если, что функционирует.

<button onclick="newRow();" class="btn btn-success addmore" type="button" id="insert-more"> Add New Row</button>

Будучи newRow ():

function newRow() {
  $("#mytable").each(function() {
    var tds = '<tr>';
    jQuery.each($('tr:last td', this), function() {
      tds += '<td>' + $(this).html() + '</td>';
    });
    tds += '</tr>';
    if ($('tbody', this).length > 0) {
      $('tbody', this).append(tds);
    } else {
      $(this).append(tds);
    }
  });
}
2
ответ дан 24.11.2019, 07:11
  • 1
    Я функционировало это, и все же мой có я говорю предыдущий, что оно функционирует в jsfiddle tambí во мне оно функционирует уже, у него был có я говорю сверху dle html, я это поместил внизу и уже функционируй – Alberto Cepero de Andrés 28.07.2017, 14:00
  • 2
    Ну, всегда está opció n копирования, удаления, сохранения и прикрепления. Иногда серверы могут оставаться немного разоренными или tambié n может быть caché. – Demelphy 28.07.2017, 14:10
  • 3
    Иметь язык сценариев JavaScript в этикетке прямо не хорошо, делает, что có я говорю, что он был má s difí cil поддержания и сломай с separació n ló gica и presentació n. – Alvaro Montoro♦ 28.07.2017, 15:04
  • 4
    @AlvaroMontoro sé но это было из-за того, что видел, было ли это чем-то добавочным, но resultó быть poltergeist. – Demelphy 28.07.2017, 15:48

Теги

Похожие вопросы