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

安萨里奥

我正在尝试设置一个包含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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用jQuery从图像标题和Alt属性中删除HTML标签

来自分类Dev

使用 JQuery 从 html 和字符串内容中获取图像标签

来自分类Dev

在js的替换方法内添加html标签(无Jquery)

来自分类Dev

使用jQuery从CDATA和描述标签中获取图像

来自分类Dev

使用JQuery动态插入和删除HTML标签的正确方法

来自分类Dev

使用JQuery动态插入和删除HTML标签的正确方法

来自分类Dev

如何使用jQuery替换标签标记中的HTML

来自分类Dev

如何使用Javascript / jQuery从div内容中剥离HTML标签?

来自分类Dev

使用jQuery将HTML标签添加到表中

来自分类Dev

如何使用Javascript / jQuery从div内容中剥离HTML标签?

来自分类Dev

使用jQuery在div中插入html会删除Anchor标签

来自分类Dev

使用Jquery从html字符串中删除标签

来自分类Dev

Ktor HTML DSL 中的图像标签

来自分类Dev

我在 HTML 中遇到图像标签问题

来自分类Dev

使用jQuery标签交换图像

来自分类Dev

无法使用html标签显示图像

来自分类Dev

使用Angular JS时如何在ng-repeat内的img标签中显示图像?

来自分类Dev

我如何使用jquery在HTML中显示图像

来自分类Dev

使用HTML正文在jquery对话框中显示图像

来自分类Dev

使用 jquery 将多个图像显示到 HTML 表格中

来自分类Dev

从图像标签的title和alt属性中剥离HTML标签

来自分类Dev

jQuery在标签内的输入标签之后获取html或文本

来自分类Dev

Tkinter标签中的HTML Dec代码图像-文本或图像加倍

来自分类Dev

如何使用 jquery/javascript 在图像标签 <img src=""> 的 src 属性中传递字符串?

来自分类Dev

如何在jquery中的append函数内为html标签生成变量id

来自分类Dev

使用JavaScript从JSON文件获取图像并显示在HTML img标签中

来自分类Dev

在不使用HTML img标签的情况下更改github风格的markdown中图像的大小?

来自分类Dev

使用JavaScript从JSON文件获取图像并显示在HTML img标签中

来自分类Dev

使用python更新标签中的图像

Related 相关文章

  1. 1

    使用jQuery从图像标题和Alt属性中删除HTML标签

  2. 2

    使用 JQuery 从 html 和字符串内容中获取图像标签

  3. 3

    在js的替换方法内添加html标签(无Jquery)

  4. 4

    使用jQuery从CDATA和描述标签中获取图像

  5. 5

    使用JQuery动态插入和删除HTML标签的正确方法

  6. 6

    使用JQuery动态插入和删除HTML标签的正确方法

  7. 7

    如何使用jQuery替换标签标记中的HTML

  8. 8

    如何使用Javascript / jQuery从div内容中剥离HTML标签?

  9. 9

    使用jQuery将HTML标签添加到表中

  10. 10

    如何使用Javascript / jQuery从div内容中剥离HTML标签?

  11. 11

    使用jQuery在div中插入html会删除Anchor标签

  12. 12

    使用Jquery从html字符串中删除标签

  13. 13

    Ktor HTML DSL 中的图像标签

  14. 14

    我在 HTML 中遇到图像标签问题

  15. 15

    使用jQuery标签交换图像

  16. 16

    无法使用html标签显示图像

  17. 17

    使用Angular JS时如何在ng-repeat内的img标签中显示图像?

  18. 18

    我如何使用jquery在HTML中显示图像

  19. 19

    使用HTML正文在jquery对话框中显示图像

  20. 20

    使用 jquery 将多个图像显示到 HTML 表格中

  21. 21

    从图像标签的title和alt属性中剥离HTML标签

  22. 22

    jQuery在标签内的输入标签之后获取html或文本

  23. 23

    Tkinter标签中的HTML Dec代码图像-文本或图像加倍

  24. 24

    如何使用 jquery/javascript 在图像标签 <img src=""> 的 src 属性中传递字符串?

  25. 25

    如何在jquery中的append函数内为html标签生成变量id

  26. 26

    使用JavaScript从JSON文件获取图像并显示在HTML img标签中

  27. 27

    在不使用HTML img标签的情况下更改github风格的markdown中图像的大小?

  28. 28

    使用JavaScript从JSON文件获取图像并显示在HTML img标签中

  29. 29

    使用python更新标签中的图像

热门标签

归档