Cross domain with jQuery - on a subdomain

I have a iframe and want to either get some of the HTML from the page in the iframe or the opportun开发者_StackOverflow中文版ity to change the HTML on the page in the iframe with jQuery.

I use this code to get content from the iframe:

$('iframe#iframeBB').contents().find('table').each(function() {
 var at = $(this).attr('summary');
 if (at == "Latest Data") {
    $('table#main').html($(this).html());
 }
});

This works fine as long as the source for the iframe is at the same domain. My problem is that the source is on another subdomain. I know this is against the Same-Origin Policy, but is there a way to do this?

---

If it's a subdomain, you have to let both work on the same tld, by setting document.domain on your pages.

document.domain = "yourdomain.com"

---

I think that the only way to do is to get the html output of the page using server side and output it into the iframe.

---

The document.domain solution didn't worked for me. But I figured out, that you can allow cross domain access by server setting the Access-Control-Allow-Origin header.

You can do this e.g. in the .htaccess file if the server supports it:

  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "http://REQUESTING.domain"
  </IfModule>