Loop through multiple elements from an Iframe

Question

I have content loaded into a hidden iframe on a page and I'm wanting to loop through multiple elements on a page and get text using jquery.

Here is my current code:

$('#myiFrame').contents().find('div.air').each(function (index) {
       alert($(this).text());
     });

It only seems to find the one div with the class of 'air', although there is two divs on the page. How is my code wrong ?

Edit: I should say their are two 'div.air' on the page not under the same parent.

HTML it something like :

<section id="blah">
<div class="air"> text here </div>
</section>
<section id="blah2">
<div class="air"> text here </div>
</section>

Because you are finding only the div with class air? Just remove the `find` portion and see if it works..... — MD Sayem Ahmed, Jun 08 '12 at 04:46
or you can remove the `.air` from the `find` argument, then you will be able to find all the `div`s. — MD Sayem Ahmed, Jun 08 '12 at 04:52
Try [`.filter()`](http://api.jquery.com/filter/) instead of `.find()`. `.find` is a recursive `.children`, so you may be transversing one extra elements level unintentionally. — Fabrício Matté, Jun 08 '12 at 04:55
There is two div.air on the page not under the same parent if you under stand what I mean . filter() seems to return nothing. — Adam Ware, Jun 08 '12 at 05:04
@AdamWare: you mean not under the same DOM element in the iframe, or not even within the same iframe or part of **your** page (not the hidden iframe's)? — haylem, Jun 08 '12 at 05:19

score 2 · Accepted Answer · edited Feb 05 '19 at 06:06

2

Worked out my own answer:

$('#iframe').contents().find('.air').each(function(){

    var foo = $(this).html();
    //do your Stuff here

});

edited Feb 05 '19 at 06:06

answered Jun 24 '12 at 02:45

Adam Ware

1 Answers1