How to create a new img tag with JQuery with the src and id from a JavaScript object

Question

I understand JQuery in the basic sense but am definitely new to it  and suspect this is very easy   I ve got my image src and id in a JSON response  converted to an object   and therefore the correct values in responseObject imgurl and responseObject imgid  and now I d like to create an image with it and  append it to a div  lets call it  lt div id  imagediv  gt    I m a bit stuck on dynamically building the  lt img src  dynamic  id  dynamic  gt  - most of the examples I ve seen involve replacing the src on an existing image  but I don t have an existing image

User · Answer

For those who need the same feature in IE 8, this is how I solved the problem:

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

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

I could not force IE8 to use object in constructor.

User · Answer

var img       lt img   gt         id   Myid     src   MySrc gif     alt   MyAlt      img appendTo     YourDiv

User · Answer

You save some bytes by avoiding the  attr altogether by passing the properties to the jQuery constructor   var img       lt img   gt                   id   Myid                  src   MySrc gif                   width  300                                appendTo     YourDiv

User · Answer

In jQuery  a new element can be created by passing a HTML string to the constructor  as shown below   var img       lt img id  dynamic  gt       Equivalent    document createElement  img    img attr  src   responseObject imgurl   img appendTo   imagediv

[javascript] How to create a new img tag with JQuery, with the src and id from a JavaScript object?

Examples related to javascript

Examples related to jquery

Examples related to image