참조 된 div에 자식 추가

Question

나는 ID의 목록을 얻었고 그 다음 새로 만든 iFrame을 각각에 추가하려고합니다.

$.each(elm, function(key, value) { 
    var id = (data[key].id).split(':')[2]; 
    var iframe = $('<iframe>', { src: 'https://www.youtube.com/embed/' + id + 
    '?controls=' + settings.controls + 
    '&rel=' + settings.rel + 
    '&showinfo=' + settings.showinfo, 

    frameborder: settings.frameborder, 
    width: settings.size[0], 
    height: settings.size[1], 
    allowfullscreen: settings.allowfullscreen 
    }); 
    $(value).appendChild(iframe); 
    $(value).find('.youtube_title').html(data[key].title); 
    $(value).find('.youtube_link').attr({ target: '_blank', src: data[key].link['@attributes'].href }); 
    $(value).find('.youtube_channel').html(data[key].author.uri); 
}); 

그러나 다음과 같은 오류가 메신저 : 나는 $(value).html(iframe); 할 경우

Uncaught TypeError: e(...).appendChild is not a function(…)

이 잘 작동!

Answer 1

당신은 .append()을 찾고 있습니다.

http://api.jquery.com/append/

appendChild()

는 DOM 방법하지 JQuery와 방법이다.

Answer 2

append는 일부 콘텐츠 나 HTML을 요소에 추가하는 jQuery 메서드입니다.

$(value).append('Some text or HTML'); 

appendChild는 하위 요소를 추가하기위한 순수한 DOM 메소드입니다. // API :

document.getElementById('example').appendChild(newElement); 

http://jsfiddle.net/xtb51wed/

DOM을 HTML로 JQuery와 개체 선택 방법을 전환 할 수있는 방법이된다 JQuery와 함수 [`APPEND() '] (HTTP이다

$(value)[0].appendChild(newElement);