私はjQueryでテキストフィールドを動的に追加していますが、テキストフィールドのIDはインクリメントしていません

Question

私はテキストフィールドをコピーしていますが、そのIDは増分ではありません。たびに関数が呼び出される別の変数と増分をキープテキストフィールド

$(function(){ 
 
    $('#idbtn').click(function(){ 
 
    $('#Institute').clone().attr('id','Institute_' + $(this).index()).insertAfter('#Institute'); 
 
    });//click 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input type="text" id="Institute"> 
 
<input type="button" id="idbtn" value="add"/>

Answer 1

をコピーした後、特定のIDを作成するための他の方法はあります。 jQueryの.index()はDOM検索であり、あなたが望むものではありません。

$(function() { 
 
    var i = 0; // inside the closure 
 
    $('#idbtn').click(function() { 
 
     $('#Institute').clone().attr('id', 'Institute_' + ++i).insertAfter('#Institute'); 
 
    }) 
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <div id="Institute">DIV</div> 
 

 
<button id="idbtn">click me</button>