在包含多个图像的div中，如何将切换函数应用于div onclick中的一个图像？

<div id="imageContainer">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
  <img src="image3.jpg" alt="Image 3">
</div>

function switchImage() {
  var image = document.getElementById("imageContainer").getElementsByTagName("img")[0];
  // 获取第一个图像元素
  var currentSrc = image.getAttribute("src");
  // 获取当前图像的src属性值
  if (currentSrc === "image1.jpg") {
    image.setAttribute("src", "image2.jpg");
  } else if (currentSrc === "image2.jpg") {
    image.setAttribute("src", "image3.jpg");
  } else if (currentSrc === "image3.jpg") {
    image.setAttribute("src", "image1.jpg");
  }
}

<div id="imageContainer" onclick="switchImage()">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
  <img src="image3.jpg" alt="Image 3">
</div>