使用Javascript创建按钮

我试图在单击“添加”按钮时显示“添加内容”按钮。除了“添加一些东西”按钮外，一切正常，我似乎无法添加新按钮。问题似乎围绕着Javascript。我的朋友：

$（文档）.ready（函数（）{
var i=1；
$（“#添加_行”）。单击（函数（）{
$（“#a'+i）.html（“+（i+1）+”
add Something
”；
$（'#tab_logic'）。追加（''）；
i++；
}); });

看起来您还没有将“add_row”id添加到按钮中，以便可以将单击链接到按钮。

您错过了“}”）；“您是否导入过jquery并应该使用tbody进行追加

---

你能做一个JSFIDLE吗？你确定代码和你在这里复制的完全一样吗？因为至少有一个<缺失。另外，你检查了日志中的错误了吗？除了“添加内容”按钮之外，一切都正常，如果我删除它，它可以显示Create a js fiddle for it，你会在几分钟内找到解决方案：）看起来你还没有看到表和div closing标记后面的

Add_row

id。哦，好的。很公平。在我的辩护中，这一切都非常混乱，有按钮和链接，“添加”和“添加一些东西”。老实说，我不是100%确定想要的效果是什么。看来你明白了；P

<script type="text/javascript">
     $(document).ready(function(){
      var i=1;
     $("#add_row").click(function(){
      $('#a'+i).html("<td>"+ (i+1) +"</td><td><input name='code"+i+"' type='text' placeholder='Code' class='form-control input-md'  /> </td><td><input  name='name"+i+"' type='text' placeholder='Name'  class='form-control input-md'></td><td><p data-placement="'top'" data-toggle="'tooltip'" name='add"+i+"'><button class="'btn btn-primary btn-xs'" data-title="'Add'" data-toggle="'modal'" data-target="'#myModal'" >Add Something<span class="'glyphicon glyphicon-pencil'"></span></button></p></td> ");

      $('#tab_logic').append('<tr id="a'+(i+1)+'" class="text-center"></tr>');
      i++; 
  }); });
  </script>