JSFiddle - React, Tailwind, and code Playground

by Mottie

HTML

<iframe id="frame" src="http://fiddle.jshell.net/Mottie/c5JeU/show/light/" height="200" width="400"></iframe>
<br><br>
<button>Get Frame Data</button>

JavaScript

/* Frame data set up as follows (http://jsfiddle.net/Mottie/c5JeU/): 

$('#data')
    .data('test1', 'this is test data 1')
    .data('test2', ['John', 'Smith'])
    .data('test3', {
        alert1: function() {
            $('#data').append('test3: successful<br>');
        }
    })

*/

$('button').click(function(){
  var f = $('#frame').contents().find('#data');

  f.append( '----------<br>');
  f.append( 'test1: ' + f.data('test1') + '<br>test2: ' + f.data('test2') + '<br>' );
  f.append( 'test3: ' + typeof (f.data('test3')) + '<br>' );

 })