Why doesn't this jquery code work?

Question

 $('#iframe').ready(function() {
   $('#iframe a').attr('target', '_parent');
 });

simple as that.

EDIT:

my html:

 <div id='outerdiv'>
   <iframe src="http://localhost:8888/harvest/blog" id='iframe' scrolling=no></iframe>
 </div>

Could you provide some example markup, possibly on jsfiddle or similiar? — Håvard, Apr 07 '11 at 15:10
is the element you're targeting and actual iframe? and if so, are you wanting the attributes to be set after that iframe's contents are loaded? — Munzilla, Apr 07 '11 at 15:10
no it's not that. i just simplified it so u could know what it is — Daniel Node.js, Apr 07 '11 at 15:11
I'm only going to put this in the comments cause I don't really have a source for this. I'm pretty sure, however, that you cannot manipulate elements inside of an iframe. That's probably why you're having trouble. — Aaron Hathaway, Apr 07 '11 at 15:11
what's your html? do you have anything with id="iframe"? the # inside the selector is for ID, guess that that's what's causing the wrong behavior.. — tiagoboldt, Apr 07 '11 at 15:11
If it's "simple as that" then it's not working because you're missing the HTML iframe you're trying to reference. — Jess, Apr 07 '11 at 15:12

score 3 · Answer 1 · edited May 23 '17 at 12:11

3

Have you tried using a .load() event instead? See the below question.

edited May 23 '17 at 12:11

Community

answered Apr 07 '11 at 15:12

Munzilla

score 2 · Accepted Answer · answered Apr 07 '11 at 15:15

2

To access iframes you need to use 'contents':

  $('#iframe').ready(function() {
       $('#iframe').contents().find('a').attr('target', '_parent');
  });

answered Apr 07 '11 at 15:15

Jeff B

1

Unfortunately, 'ready' doesn't work with iframes, so the content is probably not available when you call this. You need to wait, or provide a callback in your iframe. Or, use load as stated in another answer. But, contents should work if the frame is loaded and on the same domain. – Jeff B Apr 07 '11 at 15:28
You're right! awesome. it worked with a timeout on a function. – Daniel Node.js Apr 07 '11 at 15:30

score 1 · Answer 3 · edited Feb 07 '14 at 22:58

1

Maybe because you could not modify the cross-domain iframe document in JavaScript.

edited Feb 07 '14 at 22:58

Kara

answered Apr 07 '11 at 15:10

KARASZI István

3 Answers3