在ul javascript中获取图片位置

Question

我试图例如用ul获取图像的位置：

function myFunction(){
  var img = document.getElementById("myID").querySelectorAll("img");
  var x = x;
  img[x].style.backgroundColor = "red";
}

当有人单击图像时，该功能将运行。

我想要一种方法来获取var x =单击的图像数。

我不知道jQuery，所以如果它全部在平面javascript中，我将不胜感激。

Answer 1

多数民众赞成在一个XY问题。 大概：

//wait for all clicks
window.addEventListener("click",function(event){
//check if it has a parent with id myID
  var e=event.target;
  while(e!==document.body && e.id!="myID"){
      e=e.parent;
  }
 if(e.id=="myID"){
   //set a backgroundcolor to the clicked element. May also check if Node is IMG
    event.target.style.backgroundColor="red";
}
});