将 iframe 的 id 存储在 javascript 变量中答案

【问题标题】：Storing iframe's id in javascript variable将 iframe 的 id 存储在 javascript 变量中
【发布时间】：2015-01-01 03:56:50
【问题描述】：

我正在寻找一种代码，例如将 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 变量中。需要一些建议。

【问题讨论】：

怎么样？你能举个例子吗

标签： javascript php jquery iframe

【解决方案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"]

演示 http://jsfiddle.net/L6xsso3t/4/

【讨论】：

【解决方案2】：

iframe_ids = $("iframe[id]") 将为您提供 jQuery 中带有 id 的 iframe 元素列表然后你可以使用iframe_ids[n].id获取id

【讨论】：

【解决方案3】：

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

【讨论】：

警告 iframeID1 时，它给出未定义
@BlueRose 欢迎您 .. 祝你好运 :)