Minified - Finding Child Elements

by tjansen

HTML

<script src="http://minifiedjs.com/download/minified-src.js"></script>
<body>
    <div id="a" class="x">div id="a" class="x"
        <div>div 1</div>
        <div>div 2</div>
    </div>
    <div id="b" class="x">div id="b" class="x"
        <div>div 1
            <div>div 1.1</div>
        </div>
        <div>div 2
            <div>div 2.1</div>
            <div>div 2.2</div>
        </div>
        <div>div 3
            <div>div 3.1</div>
            <div>div 3.2</div>
        </div>
    </div>
    
    
    <button id="selectA">Select children of #a</button>
    <button id="selectB">Select children of #b</button>
    <button id="selectX">Select children of .x</button>
</body>

CSS

div { margin: 10px; padding: 10px; border: 1px solid black; background-color: white; color: black; }
.inv { background-color: black; color: white; }

JavaScript

var MINI = require('minified'); 
var $ = MINI.$, $$ = MINI.$$, EE = MINI.EE;

$(function() {
    $('#selectA').on('click', $('*', '#a', true).toggle('inv'));
    $('#selectB').on('click', $('*', '#b', true).toggle('inv'));
    $('#selectX').on('click', $('*', '.x', true).toggle('inv'));
});