将 iframe 的 ID 存储在 javascript 变量中
Storing iframe's id in javascript variable
我正在寻找一个代码,比如将 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。现在我想将播放器 div 的 iframe 的 ID 存储在 javascript/jquery 变量中。需要一些建议。
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>
在html
<div id="save_iframeID1"></div>
<div id="save_iframeID2"></div>
见
DEMO
使用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"]
iframe_ids = $("iframe[id]")
将为您提供 ID 在 jQuery 中的 iframe 元素列表
然后你可以使用 iframe_ids[n].id
获取 id
我正在寻找一个代码,比如将 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。现在我想将播放器 div 的 iframe 的 ID 存储在 javascript/jquery 变量中。需要一些建议。
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>
在html
<div id="save_iframeID1"></div>
<div id="save_iframeID2"></div>
见
DEMO
使用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"]
iframe_ids = $("iframe[id]")
将为您提供 ID 在 jQuery 中的 iframe 元素列表
然后你可以使用 iframe_ids[n].id