JSFiddle - React, Tailwind, and code Playground

by Hüseyin BABAL

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script>
<script type="text/x-jquery-tmpl" id="jqTemplate">
 <ul>
    {{each data.users}}
    <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 dropdown-user" data-for=".user${$index +1}">
      <i class="glyphicon glyphicon-chevron-down text-muted"></i>
    </div>
    <div class="row user-infos user${$index +1}">
         User${$index +1}
    </div>
    {{/each}}
</script>


<script type="text/javascript">
 var json={
     "data": {
         "users": [
             3,
             2,
             1
         ]
     }
 }   
</script>

JavaScript

$( "#jqTemplate" ).tmpl( json ).appendTo( "body" )