Question

In our application, we parse a web page and load it into another page in an iframe. All the elements in that loaded page have their token IDs. I need to select the elements by those token IDs. Means - I click on an element on the main page and select corresponding element in the page in the iframe. With the help of jQuery I m doing it in the following way:

function selectElement(token) {
     $( [tokenid=  + token +  ] ).addClass( border ); 
}

但是,这一职能是我只能选择本页的内容,而不是在iFrame。没有人告诉我,我如何能够选择装满的iFrame中的内容?

感谢。

Answer 1

var iframe = $( iframe ); // or some other selector to get the iframe
$( [tokenid=  + token +  ] , iframe.contents()).addClass( border );

Also note that if the src of this iframe is pointing to a different domain, due to security reasons, you will not be able to access the contents of this iframe in javascript.

Answer 2

http://praveenbattula.blogspot.com/2009/09/access-iframe-content-using-jquery.html

$("#iframeID").contents().find("[tokenid=" + token + "]").html();

Place your selector in the find method.

This may not be possible however if the iframe is not coming from your server. Other posts talk about permission denied errors.

jQuery/Java : 查阅iframe的内容

Answer 3

when your document is ready that doesn t mean that your iframe is ready too,
so you should listen to the iframe load event then access your contents:

$(function() {
    $("#my-iframe").bind("load",function(){
        $(this).contents().find("[tokenid=" + token + "]").html();
    });
});

友情链接