JSFiddle - React, Tailwind, and code Playground

by Sub Lines

HTML

<article>
  <p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer gravida in dolor vel varius. Aenean id leo eget dolor rutrum faucibus ac quis leo. Mauris blandit pulvinar mauris, ut faucibus massa scelerisque vel. Proin in sem eget velit porta pellentesque. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris dictum orci ut leo gravida, at faucibus orci ultrices. Sed tincidunt finibus erat id elementum.
  </p>
  <h2>This h2 was turned into a link with jQuery</h2>
  <p>
  Cras malesuada, arcu quis tristique efficitur, quam turpis aliquet lacus, quis malesuada tellus nunc sit amet orci. Nullam mattis, tellus quis interdum fringilla, augue est consectetur velit, vitae feugiat nunc purus a turpis. Fusce quis nibh facilisis, ultricies libero eget, dignissim ex. Phasellus tempor rhoncus vehicula. Vestibulum sodales dignissim libero ac accumsan. Phasellus vitae mi vitae diam varius tincidunt. Nulla facilisi. Phasellus tincidunt tellus et sagittis gravida. Sed non porta dui, sed blandit ex. Mauris at iaculis tortor.
  </p>
  <p>
  Vestibulum arcu ligula, maximus id posuere sed, pretium tristique elit. Maecenas pulvinar, arcu non pharetra lobortis, nisi mi tincidunt neque, dapibus ornare diam metus quis massa. Nam ac turpis eu nunc faucibus luctus. Nullam vitae magna consectetur ex lobortis consequat. Mauris quis bibendum augue. Proin interdum elit est, non consequat nunc egestas sed. Cras molestie, nisi at ullamcorper blandit, justo velit auctor ante, a fermentum magna nisi at mi. Nullam fringilla mattis turpis at laoreet. Vestibulum in arcu eget orci iaculis bibendum. Aliquam non erat at mi blandit tristique.
  </p>
  <h3>This h3 was turned into a link with jQuery</h3>
  <p>
  Nam nec ultrices quam. Mauris dolor eros, dapibus vitae eleifend vitae, iaculis id lorem. Suspendisse bibendum placerat neque ac mollis. Curabitur imperdiet justo quis nisi dignissim dapibus. Nullam ut vestibulum elit, et vulputate sapien. Etiam non consectetur...

JavaScript

$('article h2').each(function(){

    $(this).replaceWith( "<a href='#' class='something'><h2>" + $(this).html() + "</h2></a>" );

});
$('article h3').each(function(){

    $(this).replaceWith( "<a href='#' class='something'><h3>" + $(this).html() + "</h3></a>" );

});