我一直在寻找一个代码,可以将iframe的id存储在不同div中的javascript变量中。
<div id="player">
<iframe id="SAR7KmiCHto" width="560" height="315" src="http://www.youtube.com/embed/SAR7KmiCHto?enablejsapi=1" frameborder="0" allowfullscreen></iframe>
</div>
<div id="player2">
<iframe width="560" height="315" src="//www.youtube.com/embed/9P9JSgZwrjc" frameborder="0" allowfullscreen id="9P9JSgZwrjc"></iframe>
</div>
在上面的代码中有两个div id,即player和player2。现在我想在javascript / jquery变量中存储来自玩家div的iframe的id。需要一些建议。
答案 0 :(得分:1)
使用jQuery .each()函数
var ids = new Array();
$('div[id^=player] iframe').each(function()
{
ids.push($(this).attr('id'));
})
console.log(ids); // output iframe's id array ["SAR7KmiCHto", "9P9JSgZwrjc"]
答案 1 :(得分:0)
1)包括jquery
2)包含此js代码
<script>
$(document).ready(function(){
var iframeID1 = $('#player iframe').attr('id');
var iframeID2 = $('#player2 iframe').attr('id');
$('#save_iframeID1').text(iframeID1);
$('#save_iframeID2').text(iframeID2);
});
</script>
in html
<div id="save_iframeID1"></div>
<div id="save_iframeID2"></div>
见
答案 2 :(得分:0)
iframe_ids = $("iframe[id]")
将为您提供jQuery中id为id的iframe元素列表
然后你可以使用iframe_ids[n].id