JSFiddle - React, Tailwind, and code Playground

by Piotr Zolopa

HTML

<head>
  <meta charset="utf-8">
  <title>replaceWith demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
  <p>Hello</p>
  <p>cruel</p>
  <p>World</p>
  <div>Replaced!</div>
 

 
</body>

CSS

div {
    border: 2px solid blue;
    color: red;
    margin: 3px;
  }
  p {
    border: 2px solid red;
    color: blue;
    margin: 3px;
    cursor: pointer;
  }

JavaScript

$( "p" )(function() {
  $( this ).replaceWith( $( "div" ) );
});