JSFiddle - React, Tailwind, and code Playground

by ritcheyer

HTML

<div style="display: block; z-index: 1002; outline: 0px; height: auto; width: 400px; top: -278.20001220703125px; left: 760px; position: relative;" class="ui-dialog ui-widget ui-widget-content ui-corner-all" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-interactiveDesktopLauncherDialog"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span class="ui-dialog-title" id="ui-dialog-title-interactiveDesktopLauncherDialog">Select Cloud Configuration</span><a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button" style="display: none;"><span class="ui-icon ui-icon-closethick">close</span></a></div><div id="interactiveDesktopLauncherDialog" class="hide ui-dialog-content ui-widget-content" style="display: block; width: auto; min-height: 0px; height: 234px;" scrolltop="0" scrollleft="0">

        <div id="cloudSelector" class="form-column">
            <p class="section-description">Select cloud and configuration
                within cloud on which you would like to launch your application.</p>
            <ul class="form-framework">

                <li>
                   <label for="clouds" class="form-size-xsmall">Cloud</label>
                   <select id="clouds"><option value="Amazon-us-east-1">Amazon US East (Virginia)</option></select>
                </li>
                <li>
                    <label for="cloudInstances" class="form-size-xsmall">Instance Type</label> 
                    <select id="cloudInstances"><option value="t1.micro">t1.micro</option><option value="m1.small">m1.small</option><option value="m1.medium">m1.medium</option><option value="c1.medium">c1.medium</option><option value="m1.large">m1.large</option><option value="m2.xlarge">m2.xlarge</option><option value="m1.xlarge">m1.xlarge</option><option value="c1.xlarge">c1.xlarge</option><option value="m2.2xlarge">m2.2xlarge</option><option value="m2.4xlarge">m2.4xlarge</option></select> 
                    <p id="instDetail"...

JavaScript

function clearCounters(scopeToClear){
    // write some jQuery logic that will look for all instances of
    // .msg-counter within the scope of the modal and remove the value.
    // scopeToClear could be an ID or a Class

    $('.' + scopeToClear + ' .msg-counter').
    

}