javascript - 在.html()方法中的图像标签内使用jQuery

我正在尝试设置一个包含HTML表的页面。您可以单击表上的任何行，以使用不同的图像拉取模态。图像url将作为数据id存储在标记中，因为我必须在浏览器中完成所有这些操作，并且没有服务器可供调用。
我有以下代码来设置我的模式。单独，$（this）.data（'chi'）获取作为图像url的数据chi id。如何在.HTML（）jQuery方法中的HTML中使用它？我试过各种各样的逃跑，但都想不出来。

$('#orderDetails').html($("<b>  Order Id selected: <img src=\'\$(this).data('chi')\' alt=\"Smiley face\">" + '</b>'));

$('#orderModal').modal('show');

链接到JSFiddle-https://jsfiddle.net/rHHmz/171/

最佳答案

我认为最好的方法是先将data-chi属性保存在变量中，然后可以在字符串连接中使用它，例如：

var chi = $(this).data('chi');
$('#orderDetails').html($("<b>  Order Id selected: <img src='"+chi+"' alt=\"Smiley face\">" + '</b>'));

DEMO