Question

这会造成错误，我需要动态创建行和删除请帮助我

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>Dynamic Rows</title>
  <script src="Include_Files/jquery-1.4.2.min.js" type="text/javascript"></script>
  <script>
   $(document).ready(function(){
    $("<table class='ta1' border='1'></table>").appendTo('.table1');
    $('.add').click(function(){
     addRows();
    };
function addRows(){
$table=$(".ta1");
$("<tr class='ta1'><td>rajasekhar</td><td>hostanalytics</td></tr>").appendTo($table); 
}
});
  </script>
   </head>
<body>
  <div id="table1"></div>
     <input type="button" class="add" name="add" value="AddRows"/>
     <input type="button" class="delete" name="delete" value="DeleteRows"/>
 </body>
</html>

Answer 1

您只有一些语法错误，主要是)处理程序缺少.click()，var有$table1，所以这个：

$('.add').click(function(){
  addRows();
};
function addRows(){
  $table=$(".ta1");
  $("<tr class='ta1'><td>rajasekhar</td><td>hostanalytics</td></tr>").appendTo($table); 
}

应该是：

$('.add').click(function(){
  addRows();
});
function addRows(){
  var $table=$(".ta1");
  $("<tr class='ta1'><td>rajasekhar</td><td>hostanalytics</td></tr>").appendTo($table); 
}

你可以进一步减少这一点：

$('.add').click(addRows);
function addRows(){
  $("<tr class='ta1'><td>rajasekhar</td><td>hostanalytics</td></tr>").appendTo(".ta1"); 
}

或者只是：

$('.add').click(function (){
  $("<tr class='ta1'><td>rajasekhar</td><td>hostanalytics</td></tr>").appendTo(".ta1"); 
});

请验证此代码给我一个建议？

1 个答案: