Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何为javascript代码中的每个div分配唯一ID?_Javascript_Html_Css - Fatal编程技术网

如何为javascript代码中的每个div分配唯一ID?

如何为javascript代码中的每个div分配唯一ID?,javascript,html,css,Javascript,Html,Css,对于以下代码: function cdiv() { var div = document.createElement("div"); document.body.appendChild(div); } for (i = 0; i < 10; i++) { for (b = 0; b < 10; b++) { cdiv(); } } 函数cdiv(){ var div=document.createElement(“div”); 文件.正文.附件(div)

对于以下代码:

function cdiv() {
  var div = document.createElement("div");
  document.body.appendChild(div);
}

for (i = 0; i < 10; i++) {
  for (b = 0; b < 10; b++) { 
    cdiv();
  }
}
函数cdiv(){
var div=document.createElement(“div”);
文件.正文.附件(div);
}
对于(i=0;i<10;i++){
对于(b=0;b<10;b++){
cdiv();
}
}

目标是为正在创建的每个div分配唯一的
ID
。随着时间的推移,我希望能够单击并更新div,我的想法是一个唯一的
ID
将有助于在快速更新时识别它。

使用一个计数器变量并基于此设置ID

var id=0;//用于生成唯一id的变量
函数cdiv(){
var div=document.createElement(“div”);
div.innerHTML='div'+id;
div.id='div'+id++;//生成唯一id,然后增加值
文件.正文.附件(div);
}
对于(变量i=0;i<10;i++){
对于(var b=0;b<10;b++){
cdiv();
}

}
您可以分配id值,如$(“.div”).attr(“id”、“自动值”);您可以从for循环中获得的值。您不需要ID来实现您想要的目的。如果您对单击做出响应,那么关联的事件处理程序将通过@ThanhLD直接访问单击的项。@ThanhLD问题没有标记为jQuery,因此应该给出纯JavaScript的答案。我将看一看,但Pranav的答案就可以做到这一点!但这只会在10点后达到最大值10,它会停止。我会修改参数使其工作。谢谢