JSFiddle - React, Tailwind, and code Playground

by George Batt

HTML

<div class="overview">[{"k":"type","v":"blue"},{"k":"size","v":"large"}]</div>
<div class="overview">[{"k":"type","v":"yellow"},{"k":"size","v":"small"}]</div>

JavaScript

$('.overview').each(function(){
   var theJSON = JSON.parse(this.innerHTML);
   $elems = $.map(theJSON, function(k,v){
     return $('<ul class="specs"><li class="label">' + k.k + ' : ' + k.v + '</li></ul>');
   });
   $spec = $('<div class="bullet_spec"></div>').append($elems);
   $(this).html($spec);
});