javascript - 动态生成元素时如何避免 ID 冲突

Question

假设我有这个模型代码:

    button.click(function(){generateForm();}

     function generateForm(){
     div.append(<input type='text' id='x'>);
  }

我需要 ID 才能单独访问该元素。

在这种情况下避免 ID 冲突的最佳方法是什么？

Answer 1

最好使用class来代替。但如果你仍然愿意使用id，你可以考虑使用这样的计数器:

   var idCounter = 1;
   function generateForm(){
     div.append("<input type='text' id='x-" + (idCounter++) + "'>");
  }