2014-07-17 48 views
0

如何获取特定的iFrame索引?Javascript/jQuery获取iFrame索引

例如说我有这样的:

<!doctype html> 
<html> 
<head> 
    ... 
</head> 
<body> 
    <iframe id='iframe'></iframe> 
    <iframe id='randomiframe'></iframe> 
    <iframe id='anotheriframe'></iframe> 
</body> 
</html> 

我希望能够得到#iframe的使用JavaScript或jQuery的(0)的索引。

感谢您的回复!

回答

2
<script> 

    /** 
    * Get iframe index by Id 
    * @param iframe_id 
    * @return (int) | null - index of the iframe or null 
    */ 

    function getIframeIndex(iframe_id) 
    { 

     var iframes = document.getElementsByTagName('iframe'); 
     for(i=0; i<iframes.length;i++){ 
      if(iframes[i].id == iframe_id){ 
       return i ; 
      } 
     } 
     return null; 
    } 
    // call function pass id - 
    var iframe_index = getIframeIndex('iframe'); 

</script> 
+0

感谢您的回复! – Nathan

+0

很高兴能帮到你! – ratiorick