ebody: Mit JQuery ein Element aus einem IFrame selektieren

Beitrag lesen

SELF-Forum

Mit JQuery ein Element aus einem IFrame selektieren

ebody
– Informationen zu den Bewertungsregeln

Hallo,

ich möchte mit JQuery ein Element aus einem IFrame selektieren. Dafür nutze ich folgenden Code:

<body>
<div id="box">		
<iframe src="iframe-content.html" width="500" height="500" id="meinIframe">iframetext</iframe>
<div id="box1">Inline 1</div>	
</div>
</body>

<script>

$(document).ready(function(){

	var getIframe = $("#meinIframe").contents();
	var readDivText = getIframe.find("#dbox1").text();
	console.log(readDivText);	
	
});

</script>

Iframe - iframe-content.html:

<body>
<p>p text</p>
<div id="dbox1">dbox1 text</div>
<div id="dbox2">
<div class="cssKlasse">cssKlasse text</div>
</div>
</body>

console.log(readDivText) ist aber leer. Tests den Text zu ändern funktionierten auch nicht. Ich habe auch schon verschiedene Selektionen ausprobiert wie u.a. "body > #dbox1". Aber irgendwie scheine ich #dbox1 nicht selektieren zu können.

JQuery funktioniert, wie z.B. den "iframetext" auszulesen. Wenn ich getIframe in der Console ausgebe, wird "r.fn.init [document, prevObject: r.fn.init(1)]" angezeigt. Wenn ich das ausklappe werden verschiedene Infos zur Seite selbst und auch zur Iframeseite gezeigt.

Weiß jemand, wie ich #dbox1 im IFrame selektieren kann?

Gruß ebody

Beitrag melden
–
Informationen zu den Bewertungsregeln