JSFiddle - React, Tailwind, and code Playground

by aljordan82

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/ui-lightness/jquery-ui.css">
<div class="container">
    <div id="notification-area"></div>
	<header><ul class="pull-right unstyled">
    <li><!-- rivets: if model.showLogout --><a class="pull-right" href="#" id="logout" data-text="strings.logout" data-on-click="logout">Logout</a></li>
    <li><!-- rivets: if model.helpLink --><a class="pull-right" target="_blank" data-href="model.helpLink | helpUrl" data-text="strings.help" href="http://ona/WebDesigner/api//help/2B630AC4-00DE-4958-982E-AFD2176A77E5/form_page.htm">Help</a></li>
</ul><h1 data-text="model.productName">Interaction Script Builder</h1></header>
	<nav id="breadcrumbs"><ul class="breadcrumb">
    <!-- rivets: each-route --><li>
        <a data-href="route.url" data-text="route.text" href="#1rwV2G3L_4UjBfkThL9rsMM/products/0hOmh403U4bO9Wkhz8NQdVb/projects">Interaction Script Builder</a>
        <span class="divider">/</span>
    </li><li>
        <a data-href="route.url" data-text="route.text" href="#1rwV2G3L_4UjBfkThL9rsMM/products/0hOmh403U4bO9Wkhz8NQdVb/projects">Projects</a>
        <span class="divider">/</span>
    </li><li>
        <a data-href="route.url" data-text="route.text" href="#1rwV2G3L_4UjBfkThL9rsMM/products/0hOmh403U4bO9Wkhz8NQdVb/projects/1y_w5wCd34Zw9pe7VjLAWm7">AL2</a>
        <span class="divider">/</span>
    </li><li>
        <a data-href="route.url" data-text="route.text" href="#1rwV2G3L_4UjBfkThL9rsMM/products/0hOmh403U4bO9Wkhz8NQdVb/projects/1y_w5wCd34Zw9pe7VjLAWm7/forms">Forms</a>
        <span class="divider">/</span>
    </li><li>
        <a data-href="route.url" data-text="route.text" href="#1rwV2G3L_4UjBfkThL9rsMM/products/0hOmh403U4bO9Wkhz8NQdVb/projects/1y_w5wCd34Zw9pe7VjLAWm7/forms/3NFjnvC_Q4MBAf4YdjjkvxV">InteractionScriptBuilderForm1</a>
        <span class="divider">/</span>
   ...

CSS

.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(255,133,0,.8);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,133,0,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,133,0,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,133,0,.6)}.btn-primary{color:#361d00;background-color:#ffc211;background-repeat:repeat-x;background-image:-moz-linear-gradient(top,#ffd600,#ff8500);background-image:-ms-linear-gradient(top,#ffd600,#ff8500);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffd600),color-stop(100%,#ff8500));background-image:-webkit-linear-gradient(top,#ffd600,#ff8500);background-image:linear-gradient(top,#ffd600,#ff8500);border-color:#ff8500 #ff8500 #b35d00;border-color:rgba(0,0,0,.1)rgba(0,0,0,.1)rgba(0,0,0,.25);text-shadow:0 -1px 0 rgba(255,255,255,.25)}.btn-primary:hover{background-color:#f7b700;background-image:none;background-position:0 0;color:#623500;text-shadow:0 1px 0 rgba(255,255,255,.25)}.btn-primary.active,.btn-primary:active{background-color:#CE6D06}.nav-list>.active>a,.nav-list>.active>a:hover{background-color:#c90}.nav-pills>.active>a,.nav-pills>.active>a:hover{background-color:#c90}.navbar .brand{padding:8px 20px 10px}.navbar .brand .brand...

JavaScript

var obj = {}
var level = 0;

a("body");
function a(el , level){
    var level
    level++

    $(el).children().each(function (e) {
         //console.log(this); 
        debugger
        if ($(this).hasClass('control-container')){
          console.log(this); 
        }
        a(this, level)
    });
}