JSFiddle - React, Tailwind, and code Playground

by shinyakoizumi

HTML

<script src="https://raw.github.com/documentcloud/underscore/1.1.7/underscore.js"></script>
<script src="https://raw.github.com/documentcloud/backbone/0.5.3/backbone.js"></script>
<div id="view-goes-here"></div>

CSS

#view-goes-here {
    padding: 50px;
    border: 1px solid black;
}
.someContainer {
    padding: 10px;
    border: 1px solid black;
}
.someContainer h5 {
    background: #eee;
}

JavaScript

var V = Backbone.View.extend({
    events: {
        'click .someContainer': 'performAction'
    },
    performAction: function(evt) {
        console.log(evt.target);
        console.log($(evt.target).closest('.someContainer')[0]);
    },
    render: function() {
        this.$el.append('<div class="someContainer"><h5>Some other information</h5></div>');
        return this;
    }
});
$('#view-goes-here').append((new V).render().el);