如何使用JavaScript对象中的源和id，用JQuery创建一个新的img标签？
如何使用JavaScript对象中的源和id，用JQuery创建一个新的img标签？
提问于 2011-11-05 02:01:23
我从基本意义上理解JQuery，但我对它绝对是个新手，我怀疑这很容易。
我在JSON响应中获得了图像src和id (转换为对象)，因此在responseObject.imgurl和responseObject.imgid中获得了正确的值，现在我想用它创建一个图像并将其附加到一个div中(让我们称之为<div id="imagediv">。我有点纠结于动态构建<img src="dynamic" id="dynamic"> -我见过的大多数示例都涉及替换现有映像上的src，但我没有现有映像。
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-11-05 02:03:00
在jQuery中，可以通过向构造函数传递一个HTML字符串来创建一个新元素，如下所示：
var img = $('<img id="dynamic">'); //Equivalent: $(document.createElement('img'))
img.attr('src', responseObject.imgurl);
img.appendTo('#imagediv');Stack Overflow用户
发布于 2011-11-05 02:11:27
var img = $('<img />', {
id: 'Myid',
src: 'MySrc.gif',
alt: 'MyAlt'
});
img.appendTo($('#YourDiv'));Stack Overflow用户
发布于 2013-06-08 23:09:08
通过将属性传递给jQuery constructor来完全避免使用.attr，可以节省一些字节
var img = $('<img />',
{ id: 'Myid',
src: 'MySrc.gif',
width: 300
})
.appendTo($('#YourDiv'));页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8013792
复制相关文章
相似问题