jQuery: get iframe content, same domain
iframe, jquery
Solution
Taken from: Selecting an element in iFrame jQuery
var iframe = $('iframe'); // or some other selector to get the iframe
$('[tokenid=' + token + ']', iframe.contents()).addClass('border');`
Problem
I want to get `.text()` of an iframe, but it does not work. The iframe is in the same domain. On one click I load a page to the frame, and on the second I want to display the content in an alert, but I get empty alert. ``` <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready( function() { // load simple paage to the frame $("#load").click( function(){ $("<iframe id='theframe' width='400' // single line height='400' src='http://localhost/dummy.html'/>").appendTo('body'); } ); // display the content - but I get empty alert $('#content').click( function() { var content; content = $("#theframe").text(); alert(content); }); }); </script> </head> <body> <a id='load' href="#">load</a> <a id='content' href="#">check content</a> </body> </html> ```