javascript-动态增加和删除表格的行

本地环境：win10 / centos6 ， python3

实现效果

点击添加峰图按钮即可增加一行，点击每行右侧的删除按钮即可删除行。

初始状态：

点击后：

实际生成的html内容类似下图，可以看到，只有id这样需要保持唯一的属性发生了变化，其他属性基本无变化。

点击右侧的删除按钮：

解决

首先在表单form里构造一个table，结构如下：

<form action="run_command_ab1" id="main_form" >
	<div id="suborderlist">
		<table>
			<thead>
				<tr class="form-group hide" id="subOrdersTitles">
            		<th>No</th>
	            	<th>峰图位置</<