Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.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';s id在那里,不是吗';我不能正常工作_Javascript_Html_For Loop_Dynamic - Fatal编程技术网

Javascript 循环迭代数组以查看动态创建的div';s id在那里,不是吗';我不能正常工作

Javascript 循环迭代数组以查看动态创建的div';s id在那里,不是吗';我不能正常工作,javascript,html,for-loop,dynamic,Javascript,Html,For Loop,Dynamic,请帮忙!!!我做了一个带有标志的游戏测验,作为JavaScript的练习。在一个容器中,我以国家名称作为选项动态创建div。当一个div被单击时,程序会迭代一个具有正确答案的对象数组,如果单击的div的id在其中,我想向div添加一个绿色边框。如果出现错误,请使用红色边框。我有以下代码: x = document.getElementById("container").childNodes; x[x.length-1].addEventListener("clic

请帮忙!!!我做了一个带有标志的游戏测验,作为JavaScript的练习。在一个容器中,我以国家名称作为选项动态创建div。当一个div被单击时,程序会迭代一个具有正确答案的对象数组,如果单击的div的id在其中,我想向div添加一个绿色边框。如果出现错误,请使用红色边框。我有以下代码:

x = document.getElementById("container").childNodes;

x[x.length-1].addEventListener("click", function (e) {
  for(i=0; i<realNeighbours.length; i++){
    if(realNeighbours[i]['code3'].includes(e.target.id)) {
      e.target.style.border = '1px solid green';
      console.log(this.innerHTML);
    } else {
      e.target.style.border = '1px solid red';
      console.log('wrong')
    }
  }
});
x=document.getElementById(“容器”).childNodes;
x[x.length-1]。添加了“单击”,函数(e){

对于(i=0;我还可以显示数组realnights的内容及其计算方式。同样,在提供的代码中,事件列表器仅添加到x的最后一个子项。我假设x是所有div的数组(动态生成)事件监听器是否应该添加到所有div中,或者您是否在这里使用事件委派?数组是动态创建的,内容如下:
[{“code”:“AF”,“code3”:“AFG”,“name”:“Afghanistan”,“number”:“004”},{“code”:“DZ”,“code3”:“DZA”,“name”:“阿尔及利亚”,“number”:“012”},{“代码”:“AS”,“代码3”:“ASM”,“名称”:“美属萨摩亚”,“编号”:“016”},{“代码”:“AD”,“代码3”:“和”,“名称”:“安道尔”,“编号”:“020”},]
x是一个容器,用于保存生成的div。divs id是每个国家/地区的代码3。eventListener必须与所有divs关联。根据您仅将事件侦听器添加到容器最后一个子级的代码。