参照先の子に子を追加する

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); 
}); 

ただし、次のエラーを取得イム：

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

私は$(value).html(iframe);を行う場合、これは正常に動作します！

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);