Как с помощью jquery или чистого js «взять» элемент внутри iframe?

Question

[Сергей]

Есть страница, внутри нее iframe c id = "iframe-5".
Есть код и он не работает:

$('iframe#iframe-5').load(function(){
    $(this).contents().find('h1').remove();
});

Такой тоже:

$('iframe#iframe-5').contents().find('h1').remove();

Если брать console.log от $('iframe#iframe-5').contents(), то объект имеет length:1, т.е. iframe вроде находит и берет его данные.

Но если брать console.log от $('iframe#iframe-5').contents().find('h1'), то возвращается объект с length = 0. К примеру, такой:
Object { length: 0, prevObject: {…}, context: HTMLDocument somefakeurl.com/client/statistics, selector: "h1" }

если h1 заменить на любой друго тег или селектор - все то же самое.
h1 или img - все эти элементы есть внутри фрэйма.

Что я делаю не так?
Как "взять" элемент внутри iframe? Есть ли иные способы кроме contents()?
Что может блокировать? Apache security headers отключены.

Comments

[Александр Севиринов]

https://learn.javascript.ru/iframes

[Александр Аксентьев]

iframe то на своём домене или как?
Если не на своём, то нельзя через js получить его данные.

В консоли браузера будет работать даже, а чисто из js не будет ничего.

Answer 1

[mnogosoka]

Same-origin policy не соблюдается, можно в фрейм только своего домена
вот тут работает
https://jsfiddle.net/1rrmfxLh/8/

Answer 2

[Антон Шаманов]

api.jquery.com/contents :

<iframe src="//api.jquery.com/" id="frameDemo"></iframe>
<script>
$( "#frameDemo" ).contents().find( "a" ).css( "background-color", "#BADA55" );
</script>

Comments

[Сергей]

Я скопировал Ваш пример, но на моем сервере он не работает.
Аналогичная реализация для iframe в моем коде - также через contents и она не работает. При этом security headers точно отключены

[Сергей]

Тут, к примеру, тоже не заводится:
https://jsfiddle.net/1rrmfxLh/

[mnogosoka]

Same-origin policy не соблюдается, можно в фрейм только своего домена
вот тут работает
https://jsfiddle.net/1rrmfxLh/8/