javascript - 将 iframe 的 id 存储在 JavaScript 变量中

Question

我正在寻找类似将 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 变量中。需要一些建议。

Answer 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/