在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";
}
});