JSFiddle - React, Tailwind, and code Playground

by danheberden

HTML

<p class="myP">Foo</p>
    <p class="myP">Bar</p>
   <div id="myDiv">Baz</div>

JavaScript

$(document).ready(function(){
           var ham = $("<span> ham</span>").data("type", "meat");
            var eggs = $("<span> eggs</span>").data("type", "unborn");
            var milk = $("<span> milk</span>").data("type", "liquid");
            $('.myP').append(ham);
            $('#myDiv').append(milk);
           eggs.appendTo($('.myP'));
      $( 'span' ).each( function() {
         var $this = $(this);
         console.log( $this.text(), $this.data() ); 
      });
  });