Jquery 创建或删除Html表行

我需要做一件事1）创建或删除行。 发现错误生成的行不执行按钮操作添加或删除（未编码），我使用的属性与原始按钮中使用的属性相同。我不知道为什么会发生这种情况，append方法不克隆行值？其他人是谁

  <table class="tabla_uno table table-hover">
    <thead>
      <tr>
        <th >#</th>
        <th >First Name</th>
        <th >Last Name</th>
        <th >Username</th>
        <th ></th>
      </tr>
    </thead>

    <tbody>
      <tr>
        <td>a</td>
        <td>Mark</td>
        <td>Otto</td>
        <td>@mdo</td>
        <td class="controls">
          <button class='boton_mas btn btn-success btn-sm'>+</button>
          <button class='boton_menos btn btn-danger btn-sm'>-</button>
        </td>
      </tr>
      <tr>
        <td>b</td>
        <td>Jacob</td>
        <td>Thornton</td>
        <td>@fat</td>
        <td class="controls">
          <button class='boton_mas btn btn-success btn-sm'>+</button>
          <button class='boton_menos btn btn-danger btn-sm'>-</button>
        </td>
      </tr>
    </tbody>

  </table>
  <hr>

  <script>
    $(document).ready(function() 
    {
// ADD
  $(document).on("click", ".boton_mas",function()
  {
    var datos = $(".tabla_uno tbody tr:first").clone();
    $("#product").append($(this).html());
    var insertHere = $(this).closest("tr");
    datos.insertAfter(insertHere);
  })

  // REMOVE
  $(document).on("click", '.boton_menos', function() 
  {
    var rowCount = $('.tabla_uno tbody tr').length;
    var MinRwows = 1;        
    if (rowCount === MinRwows)
    {
      alert("Minimo alcanzado, no puedes borrar mas filas");          
    }
    else
    {
      $(this).closest("tr").remove();
    }
  })
  }) 

#
名字
姓
用户名
A.
做记号
奥托
@mdo
+
-
B
雅各布
桑顿
@肥
+
-

$（文档）.ready（函数（）
{
//加
$（document）.on（“click”，“.boton_mas”，function（））
{
var datos=$（“.tabla_uno tbody tr:first”）.clone（）；
$（“#product”）.append（$（this.html（））；
var insertHere=$（此）；
datos.insertAfter（insertHere）；
})
//除去
$（document）.on（“click”，'.boton_menos'，function（）
{
变量行数=$（'.tabla_uno tbody tr'）。长度；
var MinRwows=1；
如果（行数===最小行数）
{
警报（“小阿尔坎扎多，无普雷德斯·博拉尔·马斯·菲拉斯”）；
}
其他的
{
$（this）.tr.remove（）；
}
})
}) 

$（.tabla_uno”）.on（'click'，'boton_mas'，function（）
{						
设TR=$（“”）；
设TD1=$（“”，{text:'1'}）；
设TD2=$（“”，{text:'2'}）；
设TD3=$（“”，{text:'3'}）；
设TD4=$（“”，{text:'4'}）；
设TDBTN=$（“”）；
设BTN_mas=$（“”，{class:'boton_mas BTN BTN成功BTN sm'，text:'+'}）；
设BTN_menos=$（“”，{class:'boton_menos BTN BTN danger BTN sm'，text:'-'}）；
TR.append（TD1）；
TR.append（TD2）；
TR.append（TD3）；
TR.append（TD4）；
TDBTN.append（BTN_mas）；
TDBTN.append（BTN_menos）；
TR.append（TDBTN）；
$（“.tabla_uno tbody”）。追加（TR）；
});
$（.tabla_uno”）.on（'click'，'.boton_menos'，function（）
{
$（this.parent（）.parent（）.remove（）；
});

#
名字
姓
用户名
行动
1.
做记号
奥托
@mdo
+
-
2.
雅各布
桑顿
@肥
+
-      	
3.
小鸟拉里
鸟
@推特
+
-      	

$（.tabla_uno”）.on（'click'，'boton_mas'，function（）
{						
设TR=$（“”）；
设TD1=$（“”，{text:'1'}）；
设TD2=$（“”，{text:'2'}）；
设TD3=$（“”，{text:'3'}）；
设TD4=$（“”，{text:'4'}）；
设TDBTN=$（“”）；
设BTN_mas=$（“”，{class:'boton_mas BTN BTN成功BTN sm'，text:'+'}）；
设BTN_menos=$（“”，{class:'boton_menos BTN BTN danger BTN sm'，text:'-'}）；
TR.append（TD1）；
TR.append（TD2）；
TR.append（TD3）；
TR.append（TD4）；
TDBTN.append（BTN_mas）；
TDBTN.append（BTN_menos）；
TR.append（TDBTN）；
$（“.tabla_uno tbody”）。追加（TR）；
});
$（.tabla_uno”）.on（'click'，'.boton_menos'，function（）
{
$（this.parent（）.parent（）.remove（）；
});

#
名字
姓
用户名
行动
1.
做记号
奥托
@mdo
+
-
2.
雅各布
桑顿
@肥
+
-      	
3.
小鸟拉里
鸟
@推特
+
-      	
这正是您想要的。当然，您会希望以不同的方式填充新行，但这会让您更接近

注意，我必须将事件侦听器添加到文档本身，而不是直接侦听选择器。这是因为动态创建的元素——在创建之前定义的事件侦听器无法捕获它们


$（文档）.ready（函数（）{
/*****
*此函数将直接向给定表中添加一行
*在包含单击的加号按钮的行之后。它将
*每次克隆第一个表行，然后将其全部清空
*数据，然后将其插入给定位置。
*****/
$（document）.on（“click”，'.boton_mas'，function（）{
//找到第一个表体行，然后克隆它。
var datos=$（“.tabla_uno tbody tr:first”）.clone（）；
//将行号替换为新获得的行号。
datos.find（“th”）.empty（）；
//将虚拟内容粘贴到克隆的td中。
datos.find（“td”）.not（“controls”）.each（function（）{
$（this.text（$（this.index（））；
});
//找到单击的行。我们将在此之后立即添加。
var insertHere=$（此）；
//把新的一排插进去。
datos.insertAfter（insertHere）；
//隐藏控制按钮。。。
查找（“.boton_mas，.boton_menos”）.hide（）；
//现在，我们需要重新索引所有行标题：
$（“.tabla_uno tbody th”）。每个（函数（）{
//获取行本身的索引，将其递增1
//因为索引是从零开始的，所以更改第th个文本。
$（this）.text（parseInt（$（this）.closest（“tr”）.index（））+1）；
})
})//end.on（“单击“，.boton\u mas”）
/****
*当按下减号按钮时，此函数将删除行
*已单击。仅当有超过个时才会运行
*一排，否则，它将一事无成。
****/
$（document）.on（“click”，'.boton_menos'，function（）{
//此if语句将强制至少一行。
如果（$（“.tabla_uno tbody tr”）.长度>1）{
//只需删除包含此
$（this）.tr.remove（）；
}
})//end.on（“单击“，.boton\u menos”）
//用于隐藏和显示添加/删除按钮的实用程序功能。
//请注意，这些文件预期css用于隐藏它们。
$（文档）.on（“鼠标指针”，