从每个 iframe 中提取 src 并将其插入 div

Question

我有不同的 iframe 可以嵌入 youtube 视频或幻灯片共享演示文稿。 我能够从 iframe 获取 src，但我想为任何 iframe 显示一个具有正确 src url 的 div。 实际上我正在使用此代码：

    $.each($("iframe"), function() {
        var src = $(this).attr('src');
        $(this).attr('src', src);  
        console.log(src);
        $(".avia-iframe-wrap").before('<div>' + src + '</div>');
    });

问题是我在任何 iframe 上方都获得了页面的所有 src url，请参见附图： attachment

基本上我只需要在 youtube iframe 上方显示 youtube url，在 slideshare iframe 上方只显示幻灯片共享 url。感谢您的帮助。

Answer 1

$("iframe").each(function(){
    var link = $(this).attr("src");
    $(this).find(".avia-iframe-wrap").before('<div>' + src + '</div>');
});