자바스크립트 객체의 src와 id로 JQuery로 새로운 img 태그를 만드는 방법?

자바스크립트 객체의 src와 id로 JQuery로 새로운 img 태그를 만드는 방법?

저는 JQuery를 기본적인 의미로 이해하지만 확실히 처음 접합니다. 그리고 이것이 매우 쉽다고 생각합니다.

JSON 응답에 이미지 src와 id가 있고(오브젝트로 변환됨) 따라서 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 Constructor에 전달함으로써 모두 함께:

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이 생성자에서 개체를 사용하도록 강제할 수 없습니다.

언급URL : https://stackoverflow.com/questions/8013792/how-to-create-a-new-img-tag-with-jquery-with-the-src-and-id-from-a-javascript-o