我将通过以下方式解决此问题：
在foreach循环中，在创建对话框的链接时，请执行以下操作：
<td width="150px"><a href="#" data-name="${item.itemName}" data-desc="${item.description}" data-price="${item.price}"><img src="https://www.mshxw.com/skin/sinaskin/image/nopic.gif" width="100px" height="60px" /></a></td>然后在您的Javascript中将其更改为如下所示：
$(document).ready(function () { $("#dialog-form").dialog({ autoOpen: false, height: 500, width: 400, modal: true }); $(".open").click(function(){var dataAttr = $(this).data();$('#spanDataName').html(dataAttr.name);$('#spanDataDes').html(dataAttr.description);$('#spanDataPrice').html(dataAttr.price);$("#dialog-form").dialog("open"); }); });当您进行对话框标记时：
<div id="dialog-form" title="title1"> <img src="https://www.mshxw.com/skin/sinaskin/image/nopic.gif" width="100%" height="50%" /> <h3>Name: <span id="spanDataName"></span></h3> <h3>Description: <span id="spanDataDesc"></span></h3> <h3>Price: <span id="spanDataPrice"></span></h3></div>
