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

我有不同的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”），函数（）{
var src=$（this.attr（'src'）；
$（this.attr（'src'，src）；
console.log（src）；
美元（“.avia iframe wrap”）。之前（“+src+”）；
});

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

基本上我只需要在youtube iframe上面显示youtube url，在slideshare iframe上面只显示slideshare url。谢谢您的帮助。

$（“iframe”）。每个（函数（）{
$("iframe").each(function(){
    var link = $(this).attr("src");
    $(this).find(".avia-iframe-wrap").before('<div>' + src + '</div>');
});

var link=$（this.attr（“src”）；
$（this）.find（“”+src+“”）之前的（“.avia iframe wrap”）；
});
$（“iframe”）。每个（函数（）{
var link=$（this.attr（“src”）；
$（this）.find（“”+src+“”）之前的（“.avia iframe wrap”）；
});
$（this）。查找（“.avia iframe wrap”）
其中
这是iframe不太可能工作的地方。可能需要
$（this）.before（…
或
$（this）.最近（.attr（“src”）；$（this）.最近（.avia iframe wrap”）.before（
但取决于OPs HTML，甚至可能需要
.prepend
它的工作原理如下：$（.iframe”）.each（function（）{var link=$（this）.attr（“src”）；$（this）.最近（.avia iframe wrap”）.before（'+link+）；}）；谢谢阿米尔·拉赫曼和弗里多姆·莫雷，我没有准确回答，但不知怎么的，你管理了你的代码，所以很好。
$（这个）。查找（“.avia iframe wrap”）
其中
这个
是iframe不太可能工作的。可能想要
$（这个）。在（…
或
$（这个）。最近的（.avia iframe wrap）.before…
但将依赖于OPs HTML，甚至可能需要
.prepend
它的工作原理如下：$（“iframe”）.each（function（）{var link=$（this.attr（“src”）；$（this.nest（.avia iframe wrap”）.before（''+link+''）；）；谢谢Amir Rahman和freedomn msorry，我没有准确回答，但不知何故，你管理了你的代码，这很好。你能包含你的HTML吗？要获得准确的结果，将取决于iframe与iframe包装的关系。你可能想要。之前或者你可能想要。prepend etc你能包含你的HTML吗？要获得准确的result将取决于iframe相对于iframe包装的位置。您可能需要.before或.prepend等