我想我的每個輸入name屬性追加與計數器

Question

我的代碼被追加隱藏的div到按鈕點擊隱藏的div另一個DIV有一個表格，我想在每一個點擊按鈕的名稱應該有一個計數器值

var i=0; 
 
$(document).ready(function() { 
 
    $("#addNew").click(function() { 
 
    i++; 
 
    var maindiv=document.getElementById('nestedFeilds').innerHTML; 
 
    $("#nestedFeilds :input").each(function() { 
 
     var orignalname=$(this).attr('name'); 
 
     $(this).attr('name', orignalname + i); 
 
    } 
 
    ); 
 
    $("#showhere").append(maindiv); 
 
    } 
 
); 
 
} 
 

 
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="row" id="mainContainer"> 
 
    <div class="col-md-1 col-xs-4"> 
 
    <label for="Education">Education</label> 
 
    </div> 
 
    <div class=class="col-md-8 col-xs-8 verticalLine" id="nestedFeilds" style=" margin-left: 10px ;float:left; display: none"> 
 
    <a href="" style="color: red;margin-left: auto; ">Delete Education</a> 
 
    <input type="text" placeholder="School Name" class="form-control" id="School_Name" required="" name="School_Name[]"> | 
 
    <br> 
 
    <input type="text" placeholder="Feild of Study" class="form-control" id="feild_Name" required="" name="feild_Name[]"> 
 
    <br> 
 
    <input type="text" placeholder="Degree" class="form-control" id="Degree_Name" required="" name="Degree_Name[]"> 
 
    <br> 
 
    </div> 
 
</div> 
 
<div class="row" id="2ndmainContainer"> 
 
    <div class="col-md-1 col-xs-4"></div> 
 
    <div class="col-md-8 col-xs-8 verticalLine" id="showhere" style=" margin-left: 10px ;float:left;"></div> 
 
    <div style="margin-left: 120px; float:left;"><a id="addNew"> Add Education</a></div> 
 
</div> 
 
</form> 
 
</div> 
 
</div> 
 
<div class="col-xs-2"> 
 
</div> 
 
</div> 
 
</div>

現在發生了什麼是我得到這樣的name屬性

School_Name_0 
School_Name_01 
School_Name_02 

Answer 1

如果問題是如何出師表ead獲得School_Name_0，School_Name_1，School_Name_2等，只需在添加計數器值之前刪除字符串的最後一個字符：

$(this).attr('name', orignalname.substring(0, orignalname.length - 1) + i);