如何使用JQuery创建一个新的img标记,并使用来自JavaScript对象的src和id?

如何使用JQuery创建一个新的img标记,并使用来自JavaScript对象的src和id?,javascript,jquery,image,Javascript,Jquery,Image,我从基本意义上理解JQuery,但我对它绝对是新手,我怀疑这很容易 我在JSON响应(转换为对象)中获得了图像src和id,因此在responseObject.imgurl和responseObject.imgid中获得了正确的值,现在我想用它创建一个图像并将其附加到div中(我们称之为。我一直在动态构建——我看到的大多数示例都涉及替换现有映像上的src,但我没有现有映像。在jQuery中,可以通过将HTML字符串传递给构造函数来创建新元素,如下所示: var img = $('<img

我从基本意义上理解JQuery,但我对它绝对是新手,我怀疑这很容易


我在JSON响应(转换为对象)中获得了图像src和id,因此在responseObject.imgurl和responseObject.imgid中获得了正确的值,现在我想用它创建一个图像并将其附加到div中(我们称之为
。我一直在动态构建
——我看到的大多数示例都涉及替换现有映像上的src,但我没有现有映像。

在jQuery中,可以通过将HTML字符串传递给构造函数来创建新元素,如下所示:

var img = $('<img id="dynamic">'); //Equivalent: $(document.createElement('img'))
img.attr('src', responseObject.imgurl);
img.appendTo('#imagediv');

var img=$('
var img=$('通过将属性传递给:


var img=$('对于那些需要IE 8中相同功能的人,我就是这样解决问题的:

  var myImage = $('<img/>');

               myImage.attr('width', 300);
               myImage.attr('height', 300);
               myImage.attr('class', "groupMediaPhoto");
               myImage.attr('src', photoUrl);
var myImage=$('

我无法强制IE8在构造函数中使用对象。

@A7O通过contextmenu或inspector?contextmenu(或Ctrl+U)查看源代码显示从服务器接收到的数据,而不使用JavaScript所做的更改。使用DOM检查器查看文档的活动HTML,并进行实时更改。抱歉,我删除了注释:/,它现在确实显示在开发工具中,页面因jquery map 404问题而挂起。您是对的,但是图像没有显示在页面上ce page(ctrl+u)@a7omiton您可以通过单击右下角的gears图标并禁用“启用源地图”选项来禁用关于jquery.min.map的404警告。是的,我刚才正在查看paul_irish()的解决方案。谢谢:)
var img = $('<img />',
             { id: 'Myid',
               src: 'MySrc.gif', 
               width: 300
             })
              .appendTo($('#YourDiv'));
  var myImage = $('<img/>');

               myImage.attr('width', 300);
               myImage.attr('height', 300);
               myImage.attr('class', "groupMediaPhoto");
               myImage.attr('src', photoUrl);