JSFiddle - React, Tailwind, and code Playground

by landau

HTML

<h2>Heading 1</h2>
<h2>Heading 2</h2>
<h2>Heading 3</h2>

<ol></ol>

CSS

li { font-size: 11px; color: #666 }

JavaScript

var frag = document.createDocumentFragment();
$("h2").each(function (i, el) {
    var li = document.createElement( "li" );
    var $a = $("<a>", { id: "h2_" + i }).text( $(el).text() );
    li.appendChild( $a[0] )
   frag.appendChild( li );

});
$("ol").append(frag);