JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>world cup</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://underscorejs.org/underscore-min.js"></script>
<script>
jQuery(function(){
var $body = $('body');
var temp = _.template(
'<% _.each(obj, function(data) { %>'+
'<li><div class="info">'+
'<% var level="level"+data[0].a11; %>'+
'<div class="photo <%= level %>"><img src="http://s18.bxsjb.g.1360.com/images/player/<%= data[0].a2 %>.png"/></div>'+
'<div class="name"><%= data[0].a9 %></div>'+
'<div class="power">能力 <span><%= data[0].a22 %></span></div>'+
'<div class="nation">国籍: <span><%= data[0].a15 %></span></div>'+
'<div class="position">位置: <span><% var txt = ""; var pos = data[0].a3; if (pos==1) {txt="门将"} else if (pos==2) {txt="后卫"} else if (pos==3) {txt="中场"} else if (pos==4) {txt="前锋"} %><%= txt %></span></div>'+
'<div class="height">身高: <span><%= data[0].a7 %>cm</span></div>'+
'<div class="weight">体重: <span><%= data[0].a8 %>kg</span></div>'+
'</div></li>'+
'<% }); %>'
);
//门将
var obj =...