2012-06-12 42 views
2

需要訪問jQuery框架內的框架內部的元素。jQuery在完全加載的框架內訪問iframe內的框架

我有這樣的結構:

<iframe id="frame1"> 
    <frameset id="frameset"> 
    <frame id="frame2"> <div id="exampleDiv">text</div> </frame> 
    </frameset> 
</iframe> 

和腳本:

$("#frame1 #frameset #frame2").load(function() { 
    $('#exampleDiv').hide(); 
}); 

但這個腳本不能正常工作

+4

喲耶,我聽說你喜歡的框架,所以我把一幀在你的iframe,這樣你就可以框,而你framin' – j08691

+2

這可能會幫助您:HTTP: //stackoverflow.com/questions/2921957/how-to-access-frame-not-iframe-contents-from-jquery或this http://stackoverflow.com/questions/2941855/jquery-access-frame-in-nested -frameset :) –

回答

1

,你應該使用jQuery的內容()來檢索的內容然後iframe使用.find()方法,但框架中的文檔應與父文檔位於同一個域中。

在這種情況下

$("#frame1").contents().find("#exampleDiv").hide() 
+0

jQuery沒有方法'content()'http://api.jquery.com/ –

+0

正確的方法是contents(),編輯答案 –

+1

'alert($(「#frame1」)) .contents()。find(「#exampleDiv」)。html());'null; 'alert($(「#frame1」)。contents()。find(「#frame2」)。contents()。find(「#exampleDiv」)。html());'null: – Temaska