JSFiddle - React, Tailwind, and code Playground

by B D

HTML

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css">
<div data-role="content">
    <ul data-role="listview" data-inset="true" class="">
        <li> <a href="gettingstarted.html">
                        <img src="images/toc/topic1.png" />
                        <h3>Getting Started</h3>
                        <p>Essentials, gestures, tips, buttons</p>
                    </a>

        </li>
        <li> <a href="circuits.html">
                        <img src="images/toc/circuitsview3.png" />
                        <h3>Circuits Screen</h3>
                        <p>Creating a design, renaming, other tasks</p>
                    </a>

        </li>
        <li> <a href="schematic.html">
                        <img src="images/toc/schematic.png" />
                        <h3>Schematic</h3>
                        <p>Placing components, wiring, properties, buttons</p>
                    </a>

        </li>
        <li> <a href="components.html">
                        <img src="images/toc/components.png" />
                        <h3>Components</h3>
                        <p>Properties and parameters</p>
                    </a>

        </li>
        <li> <a href="grapher.html">
                        <img src="images/toc/grapher.png" />
                        <h3>Simulation and Grapher</h3>
                        <p>Simulation settings. Using the Grapher</p>
                    </a>

        </li>
        <li> <a href="examplesrefs.html">
                        <img src="images/toc/examplesrefs.png" /> 
                        <h3>Examples and Reference Material</h3>
                        <p>Online examples and other information. </p>
                    </a>

        </li>
    </ul>
</div>

CSS

.center-wrapper {
    text-align: center;
    margin: 0 auto;
}
.redclass{
    background:red;
}

JavaScript

$("[data-role='content'] [data-role='listview'").addClass("redclass");