จะสร้างแท็ก img ใหม่ด้วย JQuery ด้วย src และ id จากออบเจ็กต์ JavaScript ได้อย่างไร

ฉันเข้าใจ JQuery ในแง่พื้นฐาน แต่ฉันยังใหม่อยู่มากและสงสัยว่านี่เป็นเรื่องง่ายมาก

ฉันมี image src และ id ของฉันในการตอบสนอง JSON (แปลงเป็นวัตถุ) ดังนั้นค่าที่ถูกต้องใน responseObject.imgurl และ responseObject.imgid และตอนนี้ฉันต้องการสร้างภาพด้วยและต่อท้าย div (เรียกมันว่า<div id="imagediv">ฉันติดอยู่เล็กน้อยในการสร้างแบบไดนามิก<img src="dynamic" id="dynamic">- ตัวอย่างส่วนใหญ่ที่ฉันเห็นเกี่ยวข้องกับการแทนที่ src ในรูปภาพที่มีอยู่ แต่ฉันไม่มีรูปภาพอยู่แล้ว

ใน jQuery องค์ประกอบใหม่สามารถสร้างได้โดยส่งสตริง HTML ไปยังตัวสร้างดังที่แสดงด้านล่าง:

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

var img = $('<img />', { 
  id: 'Myid',
  src: 'MySrc.gif',
  alt: 'MyAlt'
});
img.appendTo($('#YourDiv'));

คุณบันทึกไบต์โดยหลีกเลี่ยงการ.attrรวมกันโดยส่งผ่านคุณสมบัติไปยังตัวสร้าง jQuery :

var img = $('<img />',
             { id: 'Myid',
               src: 'MySrc.gif', 
               width: 300
             })
              .appendTo($('#YourDiv'));

สำหรับผู้ที่ต้องการคุณสมบัติเดียวกันใน IE 8 นี่คือวิธีที่ฉันแก้ไขปัญหา:

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

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

ฉันไม่สามารถบังคับให้ IE8 ใช้วัตถุในตัวสร้างได้