如何使用jquery在单击动态单元格值时打开对话框

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

<table>
  <tr>
    <td class="dynamic-cell">Value 1</td>
    <td class="dynamic-cell">Value 2</td>
    <td class="dynamic-cell">Value 3</td>
  </tr>
</table>

$(document).ready(function() {
  $('.dynamic-cell').click(function() {
    var cellValue = $(this).text();
    // 打开对话框并显示单元格值
    // 例如使用jQuery UI的对话框插件
    $('<div>').dialog({
      title: 'Cell Value',
      modal: true,
      width: 400,
      height: 200,
      open: function() {
        $(this).text(cellValue);
      },
      buttons: {
        OK: function() {
          $(this).dialog('close');
        }
      }
    });
  });
});

<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>