创建具有唯一ID的动态div – jQuery

让我知道,如果我没有解释这个很好,因为我很困惑,只是想着它.

我可以点击一个按钮,说“添加产品”,并让它创建一个唯一的div每次.例如,第一个div将具有id#product1,然后是#product2等.

真正棘手的部分是在div中有两个输入字段,包括常规文本输入.这些也需要有唯一的ID,所以我可以使用它们中的内容.

让我知道如果你有任何解决方案.谢谢,
卡森

解决方法

您可以使用递增的ID变量,如下所示：

var i = 1;
$("#addProduct").click(function() {
  $("<div />",{ "class":"wrapper",id:"product"+i })
     .append($("<input />",{ type: "text",id:"name"+i }))
     .append($("<input />",id:"property"+i }))
     .appendTo("#someContainer");
  i++;
});

You can give it a try here,这是一个非常一般的答案,但你得到的想法,只是增加变量后,每次添加您的项目.