Как мне автоматически увеличить идентификатор ввода при добавлении новой строки?

Question

Я пытаюсь назначить новое увеличение идентификатора на 1 для моего ввода каждый раз, когда я добавляю новый вход динамически.Тем не менее, моя ценность не увеличивается, как это должно быть.Может кто-нибудь сказать, что не так?

HTML:

<div class="row">                 
        <i class="imgAdd">Add Input</i>
</div>

Jquery:

$(".imgAdd").click(function(){
     var count = 0;
      $(this).closest(".row").find('.imgAdd').before(
      '<input type="text" name="orderid" class="orderid" id="orderid'+ (count++) +'"></div>');
    });

Answer 1

count - локальная переменная, вы должны сделать ее глобальной.

var count = 0; 
$(".imgAdd").click(function(){        
      $(this).closest(".row").find('.imgAdd').before(
      '<input type="text" name="orderid" class="orderid" id="orderid'+ (count++) +'"></div>');
);