星期二, 8月 04, 2009

jquery 與 iframe

假設 iframe 的 id 是 f，裡面有個按鈕 id 是 btn，那麼要存取 iframe 裡的元素，可以這樣寫：

  // http://simple.procoding.net/2008/03/21/how-to-access-iframe-in-jquery/
  alert( $('#f').contents().find('#btn').html() );


再假設父頁面裡有個 id 是 ta 的 text，iframe 裡要存取父頁面裡的元素，有兩種寫法：

  // 方法一 (http://webdevel.blogspot.com/2007/03/iframes-and-jquery-working-with-iframes.html)
  alert( parent.$("#ta").val() );
  // 方法二 (http://groups.google.com/group/jquery-en/browse_thread/thread/5997ef4a60a123af?pli=1)
  alert( $("#ta", parent.document.body).val() );


不過，在碰到 cross domain 的情況時，就會行不通了。拜 Google 大神 的時候，大神有提到一些解，但我嫌麻煩就沒再去試了...

參考資料：
張貼者(Poster)：
標籤(Label)： ,

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)