如何使用jQuery使列表元素中的图像可单击？

<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>

<ul id="image-list">
  <li><img src="image1.jpg" alt="Image 1"></li>
  <li><img src="image2.jpg" alt="Image 2"></li>
  <li><img src="image3.jpg" alt="Image 3"></li>
</ul>

$(document).ready(function() {
  $('#image-list li img').on('click', function() {
    // 点击事件处理逻辑
    // 可以在这里执行图像的相关操作，如显示大图、打开链接等
  });
});

$(document).ready(function() {
  $('#image-list li img').on('click', function() {
    var src = $(this).attr('src');
    // 执行图像点击后的操作，如显示大图、打开链接等
  });
});