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

Question

我有嵌入YouTube视频或幻灯片演示文稿的不同iframe。我能够从iframe获取src，但我想为任何iframe显示具有正确src网址的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网址，请参见所附图片：attachment

[基本上，我只需要在youtube iframe上方显示youtube网址，而在slideshare iframe上方仅显示slideshare网址。谢谢您的帮助。

Answer 1

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