Question

I wanted to fetch some image “src” from a nested iframes(s). basically an iframe inside an iframe. In my local project I somehow been able to access the iframe from my project but in my demo below there were problems in targeting the nested iframe, probably because jsbin nested my iframes in some few more iframes.

my main problem is really fetching each image “src” attributes and renaming the base url to something that I will declare later.

Goal:

1. Fetch all the image “src” from the nested iframe(‘box1’) (source:http://jsbin.com/oqeduf)
2. Replace the base url(s) to something later.
3. Append all the image location on the body.

Problem demo can be found here: http://jsbin.com/arijuy/

Answer 1

This should get you started…

jQuery("#box2").contents().find("#box1").contents().find("img").each(function() {
    // Do what you want to the image here using jQuery(this)
    jQuery("body").append(this);
});