如何从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");
}
});
}
});
});
非常感谢提前!
答案 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/