我正在尝试设置一个包含HTML表的页面。您将可以单击表上的任何行来调出具有其他图像的模态。图片网址将以数据ID的形式存储在标签中,因为我必须在浏览器中完成所有这些操作,并且没有服务器可以对其进行调用。
我有以下代码来设置我的模态。$(this).data('chi')本身获取数据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>'));
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句