克隆行不克隆tr

时间:2016-12-10 16:57:51

标签: jquery

我正在尝试克隆表row。但是我只能在没有tr标签的情况下克隆其中的内容。请检查我的脚本

$(".tr_clone_add").on('click', function() {
  $('.tr_clone').last().clone({
    withDataAndEvents: true
  }).insertBefore('.tr_clone_add:first');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />

<table class="table table-striped table-bordered" cellspacing="0" width="100%">

  <thead>
    <tr>
      <td>Hari</td>
    </tr>
  </thead>


  <tbody>
    <tr class="tr_clone">
      <td>
        <select id="dropdown" class="form-control" name="hari[]">
          <option>Senin</option>
          <option>Selasa</option>
          <option>Rabu</option>
          <option>Kamis</option>
          <option>Jumat</option>
        </select>

      </td>
    </tr>
  </tbody>
</table>

<input type="button" name="add" value="Tambah Baris" class="tr_clone_add">

我该如何解决?抱歉我的英语不好。

1 个答案:

答案 0 :(得分:2)

首先请注意SendActivity接受布尔值作为第一个参数,而不是对象。

其次,您的问题是因为您在按钮之前附加了Uri元素,而不是在表格中。相反,请尝试使用clone(),如下所示:

&#13;
&#13;
tr
&#13;
appendTo('table tbody')
&#13;
&#13;
&#13;