JSFiddle - React, Tailwind, and code Playground

by Shiva meda

HTML

<ul class="products clearfix">
    <li class="post-7312" >1</li>
    <div class="productadds">field one</div>
    <li class="post-1234">2</li>
    <div class="productadds">field two</div>
    <li class="post-5678">3</li>
    <div class="productadds">field three</div>
    <li class="post-2344">4</li>
    <div class="productadds">field four</div>
</ul>

JavaScript

$(document).ready(function(){


   var x = document.createElement("DIV");
    var t = document.createTextNode("This is a div element.");
    x.setAttribute("style", "background-color: pink;");
    x.appendChild(t);
  
	$('.products').after(x);

})