我正在添加一个按钮，每个图像与jQuery预览。我怎么操作这些按钮？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<button id="previewButton">预览</button>

$(document).ready(function() {
  $('#previewButton').click(function() {
    // 在这里编写预览图像的逻辑
  });
});

$(document).ready(function() {
  $('#previewButton').click(function() {
    $('img').click(function() {
      var imageUrl = $(this).attr('src');
      // 在这里使用imageUrl进行预览操作，例如显示模态框或者在页面其他位置展示预览图像
    });
  });
});