JSFiddle - React, Tailwind, and code Playground

by hanalulu

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<ul></ul>

<div id="a" data-dynamic-content='yes' class='hidden' data-name='Webpage settings'>
<!-- content -->
</div>

<div id="b" data-dynamic-content='yes' class='hidden' data-name='Block 1'>
<!-- content -->
</div>

<div id="c" data-dynamic-content='yes' class='hidden' data-name='Block 2'>
<!-- content -->
</div>

JavaScript

$("div[data-dynamic-content=yes]").each(function(i,el){
	console.log(el)
  var liEl = $("<li>");
  var aEl = $("<a>");
  aEl
  liEl.text($(el).attr("data-name"));
  $(el).append(liEl);
})