onClick Module - 2

onClick Module - 2

by Nirvanachain

HTML

<div class="container">
    <p>One</p>
</div>
<div class="container">
    <p>Two</p>
</div>
<div class="container">
    <p>Three</p>
</div>

JavaScript

var MyDiv = function ($element) {
    this.$element = $element;
    
    this.PARAGRAPH = 'p';
    
    this.init();
};

MyDiv.prototype.init = function () {
    this
        .createChildren()
        .onClick();
};

MyDiv.prototype.createChildren = function () {
    this.$para = this.$element.find(this.PARAGRAPH);
    
    return this
};

MyDiv.prototype.onClick = function () {
    var self = this;
    this.$para.on('click', function() {
        alert(this.innerHTML);
    });
    
    return this;
};

$('.container').each(function(i, element) {
    new MyDiv( $(element) );
});