Question

我有一个ID列表，我经历过，然后我想为每个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);
});

但是我收到以下错误：

未捕获的TypeError：e（...）。appendChild不是函数（...）

如果我$(value).html(iframe);，这样可以正常使用！

Answer 1

您正在寻找.append()。

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

appendChild()是一个DOM方法，而不是一个jQuery方法。

Answer 2

append是一个jQuery方法，用于将一些内容或HTML附加到元素。

-W

appendChild是一个用于添加子元素的纯DOM方法。

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

http://jsfiddle.net/xtb51wed/

有没有办法将jquery对象选择器方法转换为html dom对象

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

将child附加到引用的div

2 个答案: