JSFiddle - React, Tailwind, and code Playground

by raam86

HTML

<ul class="palette">
<li swatch="#4362ff">fdgdfg
<li swatch="#ee3d5f">
<li swatch="#FFFFFF">
<li swatch="#FFFFFF">
<li swatch="#FFFFFF">

</ul><span><a href="palette/URL">Title</a></span>

JavaScript

$(document).ready(function () {
    $('.palette li').each(function () {
        $(this).html('<input value='+$(this).attr("swatch")+' type="text" style="background: ' + $(this).attr('swatch') + '" />');
    });
});