我正在使用jQueryUI对话框模式，如下所示：
<div id="dialog-modal" title="Basic modal dialog">
<img src="#" alt="Pictures" />
</div>
我有一个 PHP foreach 循环，可以在任何给定时刻显示三个图像图标。图像网址位于 MySQL 数据库中。图像本身包含在锚标记中，并显示为缩略图。<a>包含一个名为"theLink"的类。jQuery知道当你点击"theLink"（本质上是点击图片）时打开对话框。
我希望通过单击图像来显示比缩略图大得多的图像。 然后它会动态地将图像链接传输到将显示它的模态对话框。 同样，在 <body> 标签下方有一个模态对话框div（如上所示）。这就是我正在寻找的：
当您单击"theLink"时，它将从img中获取PHP生成的图像链接，并使用它来替换模态div中的"#"。
<a> <img src="PHP GENERATED" /> </a>
我通过了解jQuery基础知识找到了答案。
我必须在php生成的图像中创建一个名为ImageLink的类。 我必须使用类，而不是 ID，因为这个类会重复三次，因为我一次显示三个缩略图。
关键字"this"很重要，所以我可以指向特定的imageLink类。
<a><img src="PHP GENERATED" class="imageLink" /></a>
然后，在jQuery中：
var realImage = $(this).find('.imageLink').attr("src");
$('#popUpImage').attr('src', realImage);
$('#dialog-modal').dialog('open');