Javascript 如何生成每行前面的序列号以及如何保存多行数据

我有一个HTML表单，其中有一个添加行的按钮。我想在SL no列的每一行前面生成一个序列号。如何保存多行数据以及顶部的详细信息。我已经用FOR-loop试过了，但是我做不到。我是新来的

<table  class="table table-striped small-text" id="tb" >

<tr class="tr-header">

<h4 style="color:darkGreen;" ><u>SAMPLE INFORMATION</u></h4> 
<th class= "col-md-1" align="centre">Sl.No.</th>
<th class= "col-md-2" align="centre">TYPE OF SAMPLE</th>
<th  class= "col-md-2" align="centre">Sample Location</th>
<th class= "col-md-6" align="centre"> Remarks</th>
<th><a href="javascript:void(0);" style="font-size:18px;" id="addMore" title="Add More Sample"><span class="glyphicon glyphicon-plus"></span></a></th>
<tr>
<td><input type="text"  value= "1"   class="form-control" ></td> 
<td><select  type="text" name="type" class="form-control">
  <option value="SELECT TYPE">SELECT TYPE</option>
   <option value="BONE">BONE</option>
   <option value="CARBONATE">CARBONATE</option>

</select></td>

<td><input type="text" name="samplelocation" class="form-control" ></td>
<td><input type="text" name="remarks" class="form-control"></td>
<td><a href='javascript:void(0);'  class='remove'><span class='glyphicon glyphicon-remove'></span></a></td>
</tr>
</table>
<button type="submit" name="add" class="btn btn-info"  align="middle" >Add </button>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
<script>
$(function(){
    $('#addMore').on('click', function() {
              var data = $("#tb tr:eq(1)").clone(true).appendTo("#tb");
              data.find("input").val('');

     });
     $(document).on('click', '.remove', function() {
         var trIndex = $(this).closest("tr").index();
            if(trIndex>1) {
             $(this).closest("tr").remove();
           } else {
             alert("Sorry!! Can't remove first row!");
           }
      });
}); 

</script>
                            </div>
                        </div>
                            </div>

        </div>

    </div>
    </div>
     <!-- CONTENT-WRAPPER SECTION END-->
  <?php include('includes/footer.php');?>
      <!-- FOOTER SECTION END-->
    <!-- JAVASCRIPT FILES PLACED AT THE BOTTOM TO REDUCE THE LOADING TIME  -->
    <!-- CORE JQUERY  -->
    <script src="assets/js/jquery-1.10.2.js"></script>
    <!-- BOOTSTRAP SCRIPTS  -->
    <script src="assets/js/bootstrap.js"></script>
      <!-- CUSTOM SCRIPTS  -->
    <script src="assets/js/custom.js"></script>
</body>
</html>

---

为了生成序列号，u部分可以在php中使用：

$sn1 = uniqid();
$sn2 = uniqid();
$sn3 = uniqid();

---

它为每个提到的变量创建一个唯一的id

序列号是什么意思？您希望生成什么/如何生成？你是说每行1、2、3等都有一个数字吗？请阅读。请解释你所说的“序列号”到底是什么意思——仅仅是一个计数器，或者任何遵循特定格式的东西？。请说明您尝试了什么，并解释您的推理，以及问题出在哪里。是的，它是每行的数字，将以我的表格显示在每行的第一列