从唯一div中的iframe获取“src”

时间:2013-05-11 19:19:50

标签: jquery for-loop

如何从div“youtubeHolder”中的iframe获取“src”?下面的代码中发生的是它搜索从youtubeHolder开始的所有id。并且有多个持有者,动态创建为youtubeHolder1,youtubeHolder2等。

有什么想法吗?

Jquery:

$(document).ready(function() {
$('a#export').on('click',function(){
    var contentMap = {};
    $('[id^="youtubeHolder"]').each(function(){
        contentMap[this.id] = $(this).html();
        });
        for(id in contentMap) {

$.ajax({
    url: "post.php",
    type: "post",
    data: { 
        ExportDivID: id,
        ExportDivContent: contentMap[id]
    },
    success: function(){
        alert("success");
    },
    error:function(){
        alert("failure");
    }   
    }); 
    }
    });
    });

非常感谢提前!

1 个答案:

答案 0 :(得分:5)

您可以使用jQuery

中的.attr('src')获取属性

有关您可以在jQuery API

找到的更多相关信息

所以你可以在代码中得到src-attribute:

$(document).ready(function() {
$('a#export').on('click',function(){
    var contentMap = {};
    $('[id^="youtubeHolder"]').each(function(){
        contentMap[this.id] = $(this).html();
        var src = $(this).attr('src');
        alert(src);
        });

    });
    });

我剥了一下,对不起。最重要的一行是var src = $(this).attr('src')

请参阅http://jsfiddle.net/zP3ED/的工作示例。它将src-attribute输出为JavaScript-alarm。之后您可以使用JavaScript变量src

我希望这会有所帮助。

<强>更新

如果你想使用这样的东西:

<div id="youtubeHolder">
    <iframe src="http://youtube.com/test"></iframe>
</div>

您可以使用这样的多重选择器执行此操作:

var src = $('iframe',this).attr('src');

请参阅此处的工作示例:http://jsfiddle.net/TIIUNDER/EPjQC/