JSFiddle - React, Tailwind, and code Playground

by ravi1989

HTML

<div data-role="content">

            <ul data-role="listview" data-inset="true" id="folderData" >
            </ul>
            </div>

JavaScript

for (var i = 0; i < 30; i++) {

  
    
   
       $('#folderData').append(
            '<li class="caseRowClick" id="' + i + '" data-rel="popup" data-position-to="window">' + '<a href="#">' + '<img src="img/Blue-Folder.png">' + '<h2>' + i  + '</h2>' + '<p>' + i+ '</p>' + '<p>' + i + '</p>' +'<span class="ui-li-count">' + i + '</span>'+  '</a>' +
            '<span class="ctrl togg"><fieldset data-role="controlgroup" data-type="horizontal" data-mini="true" ><button class="edit button_design">Edit</button><button class="del button_design">Delete</button></fieldset><span>' + '</li>'
        );
           $('#folderData').listview('refresh');
           }